title: How do I refresh/reload my DataTable from HTML source
body: <p>I'm using BackboneJS to populate my table with <strong>multiple data sources</strong>. You do not need to know Backbone to assist in this question, as the issue is mainly a DataTables issue.</p>
  
  <p>I initialise my Datatable when the Collection View is rendered the first time.</p>
  
  <p>My issue is that I don't know how to tell DataTables how to <strong>reload its data from the DOM after each ajax request</strong>. Any idea on how to do this?</p>
  
  <p>Another example is when loading some data for each row and then updating it accordingly (done by Backbone View). But <strong>I need to let Datatables know that the DOM table has changed</strong>.</p>
  
  <p>Example changing the table from:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;...&lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Some Data&lt;/td&gt;
          &lt;td&gt;Some Data2&lt;/td&gt;
          &lt;td&gt;Loading...&lt;/td&gt;
      &lt;/tr&gt;
      ...
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>To:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;...&lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Some Data&lt;/td&gt;
          &lt;td&gt;Some Data2&lt;/td&gt;
          &lt;td data-order="5" data-search="5"&gt;&lt;span class="some_classes"&gt;5&lt;/span&gt;&lt;/td&gt;
     &lt;/tr&gt;
        ...
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Any assistance would be greatly appreciated.</p>