title: Error while adding a new row to DataTable in jQuery
body: <p>I have the dataSource defined as </p>
  
  <pre><code>function getData(){
       var arr = [];
       for(var i=0; i&lt;1000; i++){
            var obj = {
                 'name': 'John', 'company' : 'ABC Corp', 'salary': '$x'
           };
           arr.push(obj);
       }
       return arr;
  }
  </code></pre>
  
  <p>The table is being rendered as </p>
  
  <pre><code>var arr = getData();
  $('#table1').dataTable({
        'aaData': arr,
        'aoColumns': [
             {'sTitle': 'name'},
             {'sTitle': 'company'},
             {'sTitle': 'salary'}
        ]
  }}
  </code></pre>
  
  <p>Now when i try to add a new row to the dataTable as </p>
  
  <pre><code>$('#table1').dataTable.fnAddData([
        "&amp;nbsp;", "&amp;nbsp;", "&amp;nbsp;"
  ]);
  </code></pre>
  
  <p>I get an error as</p>
  
  <p>DataTables warning (table id = 'table1'): Requested unknown parameter 'name' from the data source for row 1001</p>
  
  <p>What can be causing this?</p>