title: jquery datatable add row undefined?
body: <p>In attempting to add a row to the jquery DataTable I am do the following:</p>
  
  <pre><code>//add new status row to the DataTable
  $('#errorTable').dataTable().fnAddData( [
       id,
       msg,
       tm
  ]);
  </code></pre>
  
  <p>I used to use the code below <code>table.row.add([...])</code> to add a row - and it did work for awhile however all of the sudden it is giving me the following error:</p>
  
  <blockquote>
    <p>Unhandled exception at line 102, column 17 in
    <a href="http://127.0.0.1:45319/js/errors.js?v=3" rel="nofollow">http://127.0.0.1:45319/js/errors.js?v=3</a></p>
    
    <p>0x800a138f - JavaScript runtime error: Unable to get property 'add' of
    undefined or null reference</p>
  </blockquote>
  
  <pre><code>var table = $('#errorTable').dataTable();
  table.row.add([
      id,
      msg,
      tm
  ]).draw();
  </code></pre>
  
  <p>In fact doesn't the jQuery documentation use the table.row.add code in it's own example. My question is why doesn't it work and why does the fnAddData work? What am I missing or doing wrong?</p>