title: Filter table with multiple radio inputs
body: <p>All I want is filter the table with radio inputs.
  This is my <a href="http://jsfiddle.net/eNLWn/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>I am using this inputs and table:</p>
  
  <pre><code>&lt;div style="border:1px solid;"&gt;
  &lt;input  type="radio" id="Bob" name="name"  /&gt;Bob
  &lt;input type="radio" id="Jay" name="name"  /&gt;Jay
  &lt;/div&gt;
  &lt;div style="border:1px solid; margin:5px 0;"&gt;
  &lt;input type="radio" id="developer" name="position" /&gt;Developer
  &lt;input type="radio" id="itManager" name="position" /&gt;Manager
  &lt;/div&gt;
  &lt;table border="1" style="text-align:center;"&gt;
      &lt;tr&gt;
          &lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Position&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Bob&lt;/td&gt;&lt;td&gt;Developer&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Jay&lt;/td&gt;&lt;td&gt;Manager&lt;/td&gt;        
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Bob&lt;/td&gt;&lt;td&gt;Manager&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Jay&lt;/td&gt;&lt;td&gt;Developer&lt;/td&gt;        
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and this js:</p>
  
  <pre><code> $('#Bob').change( function() {
       $('tr').show();
       $('tr:not(:has(th)):not(:contains("Bob"))').hide();
   });
  
   $('#Jay').change( function() {
       $('tr').show();
       $('tr:not(:has(th)):not(:contains("Jay"))').hide();
   });
  
   $('#developer').change( function() {
       $('tr').show();
       $('tr:not(:has(th)):not(:contains("Developer"))').hide();
   });
  
   $('#itManager').change( function() {
       $('tr').show();
       $('tr:not(:has(th)):not(:contains("Manager"))').hide();
   });
  </code></pre>
  
  <p>All I need is double filter, when I select Bob, its shows only bobs than when I select Developer  I want to see Bob - Developer tr.</p>
  
  <p>I know js code is wrong but I wanted you make understand what I want to do.</p>