title: bootstrap table filter - how to add "No matching records found" row when no results?
body: <p>I use the following code snippet <a href="http://jsfiddle.net/giorgitbs/52aK9/1/" rel="nofollow">http://jsfiddle.net/giorgitbs/52aK9/1/</a>:</p>
  
  <pre><code>$(document).ready(function () {
  
  (function ($) {
  
      $('#filter').keyup(function () {
  
         var rex = new RegExp($(this).val(), 'i');
         $('.searchable tr').hide();
         $('.searchable tr').filter(function () {
            return rex.test($(this).text());
         }).show();
  
    })
  
  }(jQuery));
  });
  </code></pre>
  
  <p>this works great. However how can I display a row containing the text "No matching records found" when there are no results instead of a blank table?</p>