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() {
        var theValue;

        $("#1bdrm").click(function() {
        	if($(this).is(':checked')){
          	filterItems();
          } else {
          	resetAll();
          }
        });
      });

      function filterItems()
      {
        $.each($('.condo-box'), function() {
          $this = $(this);
          itemData = $this.data();
          if(itemData.bdrms == 1){
            $this.show();
            itemData.matching = true;
          } else {
            $this.hide();
            itemData.matching = false;
          }
        });
      }
      
      function resetAll()
      {
        $.each($('.condo-box'), function() {
        	$this = $(this);
          if($this.is(":hidden")){
          	$this.show();
          }
        });
       }