title: Datatables - no data available in table even tough there is data
body: <p>I created a page where some data is being received via a websocket connection and is shown on a Datatables table. Here is what the data looks like:</p>
  
  <pre><code>var data = [
  [1, 5],
  [9, 3],
  [71.55, 17],
  [1800, 20],
  [713, 3],
  ]
  </code></pre>
  
  <p>Every second, i receive an array like that, just with different data. Every time a new array is received, i will show the data on the table and overwrite the old data. To do that i used <code>table.clear()</code>. </p>
  
  <p>The problem with my actual code is that, even though the data is showing and i can see it correctly, i keep seeing the error <code>No data available in table</code> at the bottom of the table. I know it's not a major issue, but is there any way to remove it, or at least see why it is showing? Here is my code:</p>
  
  <pre><code> ticksSocket.onmessage = function(event) {
      // ......
      var data = [//Here goes the data i receive every second
      ];
  
      $(document).ready(function() {
        add();
      });
  
      function add(table) {
        $('#mytable').DataTable().clear().draw();
        $.each(data, function(key, value) {
          $('#mytable').prepend('&lt;tr&gt;&lt;td&gt;'+value[0]+'&lt;/td&gt;&lt;td&gt;'+value[1]+'&lt;/td&gt;&lt;/tr&gt;')
        })
      }
  
  };
  </code></pre>