title: Reset button for JQuery table row filter
body: <p>I have a table on my page, and a filtering text box above it that works fantastic, using the following JQuery:</p>
  
  <pre><code>        $("#searchInputCompanies").keyup(function () {
              //split the current value of searchInput
              var data = this.value.split(" ");
              //create a jquery object of the rows
              var jo = $("#cBody").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.text().toLowerCase().indexOf(data[d].toLowerCase()) &gt; -1) {
                          return true;
                      }
                  }
                  return false;
              })
              //show the rows that match.
              .show();
  
              $('#selectAllCompanies').prop('checked', '');
          }).focus(function () {
              this.value = "";
              $(this).css({
                  "color": "black"
              });
              $(this).unbind('focus');
          }).css({
              "color": "#C0C0C0"
          });
  </code></pre>
  
  <p>How can I set up a Reset Filter button for this?</p>