title: How to refresh a simple Datatables table when adding new rows with jQuery
body: <p>I thought this one would be simple, but I can't find a reference that is not about ajax loaded data or data supplied in an array. I am using DataTables on an existing HTML table with this basic code:</p>
  
  <pre><code>  $('table.wizard').dataTable({
          lengthChange: false,
          iDisplayLength: 100,
          order: [[9, 'desc']]
      });
  </code></pre>
  
  <p>I am adding rows to a table, dynamically, as data records are found like this:</p>
  
  <pre><code>var $body = $('table.wizard tbody');
  $tr = $("&lt;tr&gt;").appendTo($body).attr({ 'id': 'sku' + item.MerchantSKU, 'data-sku': item.MerchantSKU });
  // then append the individual tds
  [snip]
  // Now how to tell the datatables it has changed?
  </code></pre>
  
  <p>How do I inform DataTables about the new rows? </p>