title: dataTable() function not recognized by browser in jquery.datatables script
body: <p>I am creating a table in HTML5 using DataTables plugin for jQuery. The table is getting populated with a JSON object that is being received from the back-end web services.  </p>
  
  <p>Upon running the web application, the console displays an error saying, </p>
  
  <blockquote>
    <p>Uncaught TypeError: Object [object Object] has no method 'dataTable'</p>
  </blockquote>
  
  <p>in Google Chrome and a similar one in Firefox.</p>
  
  <p>I am using the latest scripts for jQuery and jQuery DataTables.
  I have also tried creating DataTables on static tables and that works fine.</p>
  
  <p>The <code>dataTable()</code> function is not being recognized in the scripts for a dynamically populated table.</p>
  
  <p>The code for DataTables is as follows:  </p>
  
  <pre><code>$(document).ready( function () {
  
      $('#datatable').dataTable( {
  
          "sScrollY": "200px",
          "bPaginate": false,
          "bProcessing": true
  
      } );
  } );  
  </code></pre>
  
  <p><code>datatable</code> is the name of the table being populated.</p>
  
  <p>Any help in solving this issue would be deeply appreciated.</p>