title: Twitter Bootstrap Row Filter / Search Box
body: <p>I'm having trouble finding a tutorial on how to create a simple search query, or row filter, for Twitter Bootstrap. I've tried many, I'm not sure if I'm doing something wrong or the plugins are not compatible with Bootstrap. Please help if you can. </p>
  
  <p>I've tried:</p>
  
  <pre><code>$(document).ready(function() {
   //Declare the custom selector 'containsIgnoreCase'.
        $.expr[':'].containsIgnoreCase = function(n,i,m){
            return jQuery(n).text().toUpperCase().indexOf(m[3].toUpperCase())&gt;=0;
        };
  
        $("#search").keyup(function(){
  
            $("#tabela").find("tr").hide();
            var data = this.value.split(" ");
            var jo = $("#tabela").find("tr");
            $.each(data, function(i, v){
  
                 //Use the new containsIgnoreCase function instead
                 jo = jo.filter("*:containsIgnoreCase('"+v+"')");
            });
  
            jo.show();
  
        }).focus(function(){
            this.value="";
            $(this).css({"color":"black"});
            $(this).unbind('focus');
        }).css({"color":"#C0C0C0"});
  });
  </code></pre>
  
  <p>Nothing with this... Maybe I'm missing any "id" on my table or search box, I'm  new with this.</p>