title: Search does not work for dynamically created rows
body: <p>I'm using jQuery Datatables and I have a HTML page where I am displaying records from database in a table. Initially the table is loaded with 50 records and then I am appending 50 records each time it scrolls to bottom.</p>
  
  <p>Now, jQuery DataTables search function works fine for first 50 records but it can not recognize the other records which are dynamically created during infinite scroll.</p>
  
  <p>HTML and DataTables initialization:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready( function() {
     $('body #new_table').dataTable( {
      'scrollX': true,
      'scrollY': 600,
      'paging':   false,
      "ordering": false,
      'info' : false,
      'aaSorting': []
  
   });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="new_table"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;ChemicalID&lt;/th&gt;
        &lt;th&gt;Product&lt;/th&gt;
        &lt;th&gt;Manufacturer&lt;/th&gt;
        &lt;th&gt;Registered Name&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody id="items" class="display table table-bordered"&gt;
      @foreach($data as $chemical)
      &lt;tr class="item"&gt;
        &lt;td&gt;{{$chemical-&gt;ChemicalID}}&lt;/td&gt;
        &lt;td&gt;{{$chemical-&gt;Product}}&lt;/td&gt;
        &lt;td&gt;{{$chemical-&gt;Manufacturer}}&lt;/td&gt;
        &lt;td&gt;{{$chemical-&gt;RegisteredName}}&lt;/td&gt;
      &lt;/tr&gt;
      @endforeach
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>