title: Datatable Jquery Individual Column filter/search
body: <p>I want to have a search for all columns in my table. I tried a lot but is not working. What is missing here?</p>
  
  <pre><code>&lt;table id="table_id" class="display"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Column 1&lt;/th&gt;
          &lt;th&gt;Column 2&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Row 1 Data 1&lt;/td&gt;
          &lt;td&gt;asdf&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;tt&lt;/td&gt;
          &lt;td&gt;Row 2 Data 2&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;script type="text/javascript"  src="media/js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="media/js/jquery.dataTables.js"&gt;   &lt;/script&gt;
  &lt;link rel="stylesheet" href="media/css/demo_table.css" media="screen"  /&gt;
  &lt;script language="javascript" type="text/javascript"&gt;
  $(document).ready(function(){
  $('#table_id').dataTable().columnFilter();
   });
  &lt;/script&gt;
  </code></pre>