title: Case insensitive search for filterring table using jquery is not working
body: <p>I have a written a code for filtering table data by searching using jquery. But the search is case sensitive. I need to make it case insensitive. Such as if i search for <code>a</code> it will show both <code>a</code> and <code>A</code> string. the table code is -</p>
  
  <pre><code>&lt;input id="searchInput" value="Type To Filter"&gt;
  &lt;br/&gt;
  &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Column1&lt;/th&gt;
              &lt;th&gt;Column2&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody id="fbody"&gt;
          &lt;tr&gt;
              &lt;td&gt;Cat&lt;/td&gt;
              &lt;td&gt;one&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;dog&lt;/td&gt;
              &lt;td&gt;two&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;cat&lt;/td&gt;
              &lt;td&gt;Three&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;moose&lt;/td&gt;
              &lt;td&gt;four&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;mouse&lt;/td&gt;
              &lt;td&gt;five&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;dog&lt;/td&gt;
              &lt;td&gt;six&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt; 
  </code></pre>
  
  <p>and the JS code is- </p>
  
  <pre><code>$("#searchInput").keyup(function () {
      //split the current value of searchInput
      var data = this.value.split(" ");
      //create a jquery object of the rows
      var jo = $("#fbody").find("tr");
      if (this.value == "") {
          jo.show();
          return;
      }
      //hide all the rows
      jo.hide();
  
      //Recusively filter the jquery object to get results.
      jo.filter(function (i, v) {
          var $t = $(this);
          for (var d = 0; d &lt; data.length; ++d) {
              if ($t.is(":contains('" + data[d] + "')")) {
                  return true;
              }
          }
          return false;
      })
      //show the rows that match.
      .show();
  }).focus(function () {
      this.value = "";
      $(this).css({
          "color": "black"
      });
      $(this).unbind('focus');
  }).css({
      "color": "#C0C0C0"
  });
  </code></pre>