Condo Filter

HTML

<div class="container filter">
    <h3>Filter</h3>
      <form name="filter" method="post" action="">
        <p>Bedrooms
          <input id="1bdrm" type="checkbox" value="1bdrm"/>1 Bedroom
          <input id="2bdrm" type="checkbox" value="2bdrm"/>2 Bedroom
        </p>
      </form>
    </div>
    <div id="condos" class="container condo-container">
      <!-- COHEN -->
      <div class="condo-box col-centered" id="cohen">
        <div class="condo-box-bottom">
          <p>COHEN: Two BDRM condo<br>starting from</p>
          <div class="condo-box-bottom--price">
            <p><span class="condo-box-bottom--dollar">$</span>279 </p>
          </div>
        </div>
      </div>
      <!-- CURNOE -->
      <div class="condo-box col-centered" id="curnoe">
        <div class="condo-box-bottom">
          <p>CURNOE: Two BDRM condo<br>starting from</p>
          <div class="condo-box-bottom--price">
            <p><span class="condo-box-bottom--dollar">$</span>169 </p>
          </div>
        </div>
      </div>
      <!-- RICHLER -->
      <div class="condo-box col-centered" id="richler">

        <div class="condo-box-bottom">
          <p>RICHLER: Two BDRM condo<br>starting from</p>
          <div class="condo-box-bottom--price">
            <p><span class="condo-box-bottom--dollar">$</span>189 </p>
          </div>
        </div>
      </div>
      <!-- CARR --><!-- l54 -->
      <div class="condo-box col-centered" id="carr">
        <div class="condo-box-bottom">
          <p>CARR: One BDRM condo<br>starting from</p>
          <div class="condo-box-bottom--price">
            <p><span class="condo-box-bottom--dollar">$</span>159 </p>
          </div>
        </div>
      </div>
      <!-- LAWRENCE -->
    <div class="condo-box col-centered" id="lawrence">
      <div class="condo-box-bottom">
        <p>LAWRENCE: One BDRM condo<br>starting from</p>
        <div class="condo-box-bottom--price">
          <p><span class="condo-box-bottom--dollar">$</span>139 </p>
...

JavaScript

$('#jackson').data({ id:1, sqft:897, bdrms:2 });
$('#nicholl').data({ id:2, sqft:808, bdrms:2 });
$('#atwood').data({ id:3, sqft:1020, bdrms:2 });
$('#cohen').data({ id:4, sqft:976, bdrms:2 });
$('#curnoe').data({ id:5, sqft:572, bdrms:2 });
$('#richler').data({ id:6, sqft:624, bdrms:2 });
$('#carr').data({ id:7, sqft:544, bdrms:1 });
$('#mitchell').data({ id:8, sqft:705, bdrms:2 });
$('#findlay').data({ id:9, sqft:747, bdrms:2 });
$('#lawrence').data({ id:10, sqft:467, bdrms:1 });
    
    // Link bdrms to units
$(document).ready(function() {
	$("#1bdrm, #2bdrm").click(function() {
  	var bdrm1 = false;
    var bdrm2 = false;
  	if($("#1bdrm").is(':checked')){
    	bdrm1 = true;
    }
    if($("#2bdrm").is(':checked')){
    	bdrm2 = true;
    }
    
    filterItems(bdrm1, bdrm2);
  });
});

function filterItems(bdrm1, bdrm2){
	$.each($('.condo-box'), function() {
  	$this = $(this);
    itemData = $this.data();
  	if(bdrm1 && !bdrm2){
    	if(itemData.bdrms == 1){
      	$this.show();
      } else {
      	$this.hide();
      }
    }
    else if(bdrm2 && !bdrm1){
    	if(itemData.bdrms == 2){
      	$this.show();
      } else {
      	$this.hide();
      }
    } else {
    	$this.show();
    }
  });
}