title: Filter HTML Table with jQuery
body: <p>I am creating a comparison table about broadband and wish to add some jQuery UI Sliders to the top of the table that will enable you to filter the data based on Download Usage, Speed etc. </p>
  
  <p>For example if I slide the slider to 20GB only the rows that have a download usage of 20GB and over will be shown. Is this possible?</p>
  
  <p>I would like to add this functionality to sort the table: <a href="http://jqueryui.com/demos/slider/#rangemin" rel="nofollow">http://jqueryui.com/demos/slider/#rangemin</a></p>
  
  <p>Or if that is not possible then a drop down would be fine. If I have to pull the data in via ajax then that would be fine too.</p>
  
  <p>Here is my code for the table with 1 row.</p>
  
  <pre><code>&lt;table&gt;
  
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th class="bestseller"&gt;&lt;/th&gt;
          &lt;th class="device"&gt;&lt;/th&gt;
          &lt;th class="logo"&gt;&lt;/th&gt;
          &lt;th class="package"&gt;Bestsellers&lt;/th&gt;
          &lt;th class="speed"&gt;Speed&lt;/th&gt;
          &lt;th class="data"&gt;Data&lt;/th&gt;
          &lt;th class="term"&gt;Term&lt;/th&gt;
          &lt;th class="price"&gt;Price&lt;/th&gt;
          &lt;th class="button"&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  
  &lt;tbody&gt;
  
      &lt;tr&gt;
          &lt;td class="bestseller"&gt;1&lt;/td&gt;&lt;td class="device"&gt;&lt;img alt="Dongle" class="dongle" src="images/dongles/three.png"&gt;&lt;/td&gt;
          &lt;td class="logo"&gt;&lt;img alt="Logo" src="images/three.png"&gt;&lt;/td&gt;
          &lt;td class="package"&gt;&lt;div class="name"&gt;Three Standard Broadband&lt;/div&gt;&lt;div class="info"&gt;Great deal including a free dongle.&lt;/div&gt;&lt;/td&gt;
          &lt;td class="speed"&gt;&lt;div class="upto"&gt;up to&lt;/div&gt;7.2Mbps&lt;/td&gt;
          &lt;td class="data"&gt;15GB&lt;/td&gt;
          &lt;td class="term"&gt;24&lt;div class="months"&gt;Month(s)&lt;/div&gt;&lt;/td&gt;
          &lt;td class="price"&gt;£15.99&lt;/td&gt;
          &lt;td class="button"&gt;&lt;div class="deal"&gt;See Deal&lt;/div&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  
  &lt;/table&gt;
  </code></pre>