title: DataTable showing "Cannot read property 'each' of null"
body: <p>I've being trying to implement data table,but its not working.Checking with my google chrome debugger;it returns error that "Cannot read property 'each' of null".I've been trying to debug this but am not getting it through.</p>
  
  <p>here is a reference to the website, to see examples <a href="http://www.datatables.net/release-datatables/examples/api/multi_filter.html" rel="nofollow">http://www.datatables.net/release-datatables/examples/api/multi_filter.html</a> </p>
  
  <p>Below here is the code:</p>
  
  <p>sortable.js</p>
  
  <pre><code>$(document).ready(function() {
      // Setup - add a text input to each footer cell
      $('#example tfoot th').each( function () {
          var title = $('#example thead th').eq( $(this).index() ).text();
          $(this).html( '&lt;input type="text" placeholder="Search '+title+'" /&gt;' );
      } );
  
      // DataTable
      var table = $('#example').DataTable();
  
      // Apply the search
      table.columns().eq( 0 ).each( function ( colIdx ) {
          $( 'input', table.column( colIdx ).footer() ).on( 'keyup change', function () {
              table
                  .column( colIdx )
                  .search( this.value )
                  .draw();
          } );
      } );
  } );
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;!--INCLUDE JQUERY--&gt;
  &lt;script type="text/javascript" src="{{JS('jquery-1.11.0.min.js')}}"&gt;&lt;/script&gt;
  &lt;!--INCLUDE DATAtABLE JQUERY RESOURCE--&gt;    
  &lt;script type="text/javascript" src="{{JS('jquery.dataTables.min.js')}}"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table id="example" class="display" cellspacing="0" width="100%"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Name&lt;/th&gt;
                  &lt;th&gt;Position&lt;/th&gt;
                  &lt;th&gt;Office&lt;/th&gt;
                  &lt;th&gt;Age&lt;/th&gt;
                  &lt;th&gt;Start date&lt;/th&gt;
                  &lt;th&gt;Salary&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
  
          &lt;tfoot&gt;
              &lt;tr&gt;
                  &lt;th&gt;Name&lt;/th&gt;
                  &lt;th&gt;Position&lt;/th&gt;
                  &lt;th&gt;Office&lt;/th&gt;
                  &lt;th&gt;Age&lt;/th&gt;
                  &lt;th&gt;Start date&lt;/th&gt;
                  &lt;th&gt;Salary&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/tfoot&gt;
  
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;Tiger Nixon&lt;/td&gt;
                  &lt;td&gt;System Architect&lt;/td&gt;
                  &lt;td&gt;Edinburgh&lt;/td&gt;
                  &lt;td&gt;61&lt;/td&gt;
                  &lt;td&gt;2011/04/25&lt;/td&gt;
                  &lt;td&gt;$320,800&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Garrett Winters&lt;/td&gt;
                  &lt;td&gt;Accountant&lt;/td&gt;
                  &lt;td&gt;Tokyo&lt;/td&gt;
                  &lt;td&gt;63&lt;/td&gt;
                  &lt;td&gt;2011/07/25&lt;/td&gt;
                  &lt;td&gt;$170,750&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Ashton Cox&lt;/td&gt;
                  &lt;td&gt;Junior Technical Author&lt;/td&gt;
                  &lt;td&gt;San Francisco&lt;/td&gt;
                  &lt;td&gt;66&lt;/td&gt;
                  &lt;td&gt;2009/01/12&lt;/td&gt;
                  &lt;td&gt;$86,000&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Cedric Kelly&lt;/td&gt;
                  &lt;td&gt;Senior Javascript Developer&lt;/td&gt;
                  &lt;td&gt;Edinburgh&lt;/td&gt;
                  &lt;td&gt;22&lt;/td&gt;
                  &lt;td&gt;2012/03/29&lt;/td&gt;
                  &lt;td&gt;$433,060&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Airi Satou&lt;/td&gt;
                  &lt;td&gt;Accountant&lt;/td&gt;
                  &lt;td&gt;Tokyo&lt;/td&gt;
                  &lt;td&gt;33&lt;/td&gt;
                  &lt;td&gt;2008/11/28&lt;/td&gt;
                  &lt;td&gt;$162,700&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Brielle Williamson&lt;/td&gt;
                  &lt;td&gt;Integration Specialist&lt;/td&gt;
                  &lt;td&gt;New York&lt;/td&gt;
                  &lt;td&gt;61&lt;/td&gt;
                  &lt;td&gt;2012/12/02&lt;/td&gt;
                  &lt;td&gt;$372,000&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Herrod Chandler&lt;/td&gt;
                  &lt;td&gt;Sales Assistant&lt;/td&gt;
                  &lt;td&gt;San Francisco&lt;/td&gt;
                  &lt;td&gt;59&lt;/td&gt;
                  &lt;td&gt;2012/08/06&lt;/td&gt;
                  &lt;td&gt;$137,500&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Rhona Davidson&lt;/td&gt;
                  &lt;td&gt;Integration Specialist&lt;/td&gt;
                  &lt;td&gt;Tokyo&lt;/td&gt;
                  &lt;td&gt;55&lt;/td&gt;
                  &lt;td&gt;2010/10/14&lt;/td&gt;
                  &lt;td&gt;$327,900&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Colleen Hurst&lt;/td&gt;
                  &lt;td&gt;Javascript Developer&lt;/td&gt;
                  &lt;td&gt;San Francisco&lt;/td&gt;
                  &lt;td&gt;39&lt;/td&gt;
                  &lt;td&gt;2009/09/15&lt;/td&gt;
                  &lt;td&gt;$205,500&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Sonya Frost&lt;/td&gt;
                  &lt;td&gt;Software Engineer&lt;/td&gt;
                  &lt;td&gt;Edinburgh&lt;/td&gt;
                  &lt;td&gt;23&lt;/td&gt;
                  &lt;td&gt;2008/12/13&lt;/td&gt;
                  &lt;td&gt;$103,600&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Jena Gaines&lt;/td&gt;
                  &lt;td&gt;Office Manager&lt;/td&gt;
                  &lt;td&gt;London&lt;/td&gt;
                  &lt;td&gt;30&lt;/td&gt;
                  &lt;td&gt;2008/12/19&lt;/td&gt;
                  &lt;td&gt;$90,560&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Quinn Flynn&lt;/td&gt;
                  &lt;td&gt;Support Lead&lt;/td&gt;
                  &lt;td&gt;Edinburgh&lt;/td&gt;
                  &lt;td&gt;22&lt;/td&gt;
                  &lt;td&gt;2013/03/03&lt;/td&gt;
                  &lt;td&gt;$342,000&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Charde Marshall&lt;/td&gt;
                  &lt;td&gt;Regional Director&lt;/td&gt;
                  &lt;td&gt;San Francisco&lt;/td&gt;
                  &lt;td&gt;36&lt;/td&gt;
                  &lt;td&gt;2008/10/16&lt;/td&gt;
                  &lt;td&gt;$470,600&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Haley Kennedy&lt;/td&gt;
                  &lt;td&gt;Senior Marketing Designer&lt;/td&gt;
                  &lt;td&gt;London&lt;/td&gt;
                  &lt;td&gt;43&lt;/td&gt;
                  &lt;td&gt;2012/12/18&lt;/td&gt;
                  &lt;td&gt;$313,500&lt;/td&gt;
              &lt;/tr&gt;
   &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>THANKS IN ADVANCE</p>
  
  <p>i actually required the sortable in my master file coz am using laravel,and when i did enter $('#example tfoot th') into my console it returned an array of this:
  [
  ​Name​​
  , 
  ​Position​​
  , 
  ​Office​​
  , 
  ​Age​​
  , 
  ​Start date​​
  , 
  ​Salary​​
  ]</p>
  
  <p>but looking at the source file on the debugger i discovered that the error is shown on the line where i have  "table.columns().eq( 0 ).each( function ( colIdx )".</p>
  
  <p>but am sorry i dont get the part of the breakpoint; cuz what i tried is to add "break;" after the line</p>