title: jquery dataTable doesnot work
body: <p>I am working with datatable to get table values. but i am not able to get any data, even table length. Not sure what I'm missing. Please someone help me on this,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    var table = $('#myTable').DataTable();
    var data = table.rows().data();
    alert("2");
    alert('The table has ' + data.length + ' records');
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  
  &lt;table id="myTable" class="display" cellspacing="0" width="100%"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;Tiger Nixon&lt;/td&gt;
        &lt;td&gt;System Architect&lt;/td&gt;
        &lt;td&gt;Edinburgh&lt;/td&gt;
        &lt;td&gt;61&lt;/td&gt;
        &lt;td&gt;$320,800&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Cedric Kelly&lt;/td&gt;
        &lt;td&gt;Senior Javascript Developer&lt;/td&gt;
        &lt;td&gt;Edinburgh&lt;/td&gt;
        &lt;td&gt;22&lt;/td&gt;
        &lt;td&gt;$433,060&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>