title: Checkbox filtering using JQUERY selected cb list
body: <p>I am doing filter with checkbox using JQuery. I want to put diferent div selected checkbox list , also when I click  delete  the category's icon , It will be delete selected checkbox list and other div area's checkbox list. How can i do this please help ? </p>
  
  <p>Like This IMAGE :   <img src="https://i.stack.imgur.com/5iWr1.jpg"/></p>
  
  <p>You can viev with JSDFiddle -> <strong><a href="http://jsfiddle.net/XRJ2d/" rel="nofollow noreferrer">http://jsfiddle.net/XRJ2d/</a></strong></p>
  
  <p>HTML : </p>
  
  <pre><code>&lt;div style="background-color:#ccc; width:90%; height:30px;"&gt;
  Selected checkbox Filter list -&gt;   
  
  
  
  &lt;br&gt;
         &lt;img src="http://i.stack.imgur.com/5iWr1.jpg"/&gt;
  
      &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
  &lt;div class="tags"&gt;
          &lt;label&gt;
              &lt;input type="checkbox" rel="arts" /&gt;
              Arts
          &lt;/label&gt;
          &lt;label&gt;
              &lt;input type="checkbox" rel="computers" /&gt;
              Computers
          &lt;/label&gt;
          &lt;label&gt;
              &lt;input type="checkbox" rel="health" /&gt;
              Health
          &lt;/label&gt;
          &lt;label&gt;
              &lt;input type="checkbox" rel="video-games" /&gt;
              Video Games
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;ul class="results"&gt;
          &lt;li class="arts computers"&gt;Result 1&lt;/li&gt;
          &lt;li class="video-games"&gt;Result 2&lt;/li&gt;
          &lt;li class="computers health video-games"&gt;Result 3&lt;/li&gt;
          &lt;li class="arts video-games"&gt;Result 4&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>Javascript : </p>
  
  <pre><code>$(document).ready(function () {
  
  
              $('div.tags').find('input:checkbox').live('click', function () {
                  $('.results &gt; li').hide();
                  if( $('div.tags').find('input:checked').length &gt; 0)
                  {
                  $('div.tags').find('input:checked').each(function () {
                      $('.results &gt; li.' + $(this).attr('rel')).show();
                  });
                  }else{
                      $('.results &gt; li').show();
                  }
              });
          });      
  </code></pre>