title: How to search table with multiple column inputs using jQuery?
body: <p>Table search functionality for multiple columns using jQuery? </p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
         &lt;th&gt;&lt;input type="text" id="search" placeholder="  live search"&gt;&lt;/input&gt;&lt;/th&gt;
         &lt;th&gt;&lt;input type="text" id="search" placeholder="  live search"&gt;&lt;/input&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;&lt;th&gt;Unique ID&lt;/th&gt;&lt;th&gt;Random ID&lt;/th&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;214215&lt;/td&gt;&lt;td&gt;442&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;1252512&lt;/td&gt;&lt;td&gt;556&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;2114&lt;/td&gt;&lt;td&gt;4666&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;3245466&lt;/td&gt;&lt;td&gt;334&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;24111&lt;/td&gt;&lt;td&gt;54364&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;br /&gt;
  &lt;script&gt;
      $("#search").on("keyup", function() {
          var value = $(this).val();
  
          $("table tr").each(function(index) {
              if (index !== 0) {
  
                  $row = $(this);
  
                  var id = $row.find("td:first").text();
  
                  if (id.indexOf(value) !== 0) {
                      $row.hide();
                  }
                  else {
                      $row.show();
                  }
              }
          });
      });
   &lt;/script&gt;
  </code></pre>
  
  <p>I am trying to implement the search functionality without using jquery plugins..</p>
  
  <p>jsfiddle Link here</p>
  
  <p><a href="http://jsfiddle.net/y9Lxdvps/1/" rel="nofollow">http://jsfiddle.net/y9Lxdvps/1/</a></p>