Показать спрятать родительский DIV по выбору Select с фильтром содержисого child DIV
 

Привет, помогите пожалуйста с задачей. Есть список домов:

<div class="house">
<div class="rooms">1 bedroom house</div>
</div>

<div class="house">
<div class="rooms">2 bedroom house</div>
</div>

У каждого дома есть div в котором выводится количество спален

Есть select:

<select id="term" name="form_select">
<option label="1 bedroom" value="1">1 bedroom</option>
<option label="2 bedroom" value="2">2 bedroom</option>
</select>

При выборе 1 bedroom , нужно чтобы в списке показывались только DIV с ID house в CHILD DIV которых содержится 1 Bedroom ,

Проще говоря нужен фильтр

Начал такой скрипт, но что то не пойму как дальше его продолжить:

$('#term').on('change', function () 

 {
    var rooms = $("[class^=rooms]");

        if(!rooms.filter('1').length){
            $(rooms).parent().show()
         
        }
    });
});

Делаю тут в http://codepen.io/AnimalInstinct/pen/aplIK

Так у меня на сайте тоже у всех карточек в списке одинаковые id :)

А нет вру, этож классы :)

AnimalInstinct,

$('#term').on('change', function() {
    $('.house').hide().children('.rooms:contains('+this.value+')').parent().show();
});

Спасибо огромное, Rise, а можете целиком пример написать с выбором опции в select?

Там две опции получается 1 bedroom показывает блоки с одной спальней, скрывает остальные, и 2 bedroom, показывает блоки с двумя спальнями и скрывает остальные.

Запустил в Codepen , что то не хочет работать Тут

Точно, все работает, туплю адски.... :)

Вот сохранил тут, если еще кому нибудь понадобится