title: Add a row after the selected row in jQuery dataTables
body: <p>DataTable is defined as </p>
  
  <pre><code>var oTable = $('#table1').dataTable({
      'aaData': [
                   ['John', 'ABC', '$90000'], ['Doe', 'XYZ', '$100000'], ['Alan', 'PQR', '$110000']
                ],
      'aoColumns': [
                   {'sTitle': 'Name'}, {'sTitle': 'Company'}, {'sTitle': 'Salary'}
       ]
  });
  </code></pre>
  
  <p>An empty row is added as</p>
  
  <pre><code>oTable.fnAddData(['&amp;nbsp;', '&amp;nbsp;', '&amp;nbsp;']);
  </code></pre>
  
  <p>However, this adds to the bottom of the table. Is there a way we can add exactly below / above the selected row. </p>