title: Jquery datatable integration error?
body: <p>I am integrating jquery datatable to my project. When call is made to service, some how following error is error thrown</p>
  
  <p><strong>cannot read property 'assorting' of undefined</strong></p>
  
  <p>Here is the code</p>
  
  <p>
      Timeline</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script  src="js/jquery.dataTables.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;body&gt;
  
  &lt;script&gt;
  
  $(document).ready( function() {
    $('#example').dataTable( {
      "bProcessing": true,
      "bServerSide": true,
      "sAjaxSource": "URL",
      "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
      console.log(aoData);
        oSettings.jqXHR = $.ajax( {
          "dataType": 'json',
          "type": "POST",
          "url": sSource,
          "data": aoData,
          "success": fnCallback
        } );
      }
    } );
  } );
  
  &lt;/script&gt;
  
  &lt;div id="dvContent"&gt;
   &lt;table cellpadding="0" cellspacing="0" border="0"  id="example"&gt;
  
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Here is the Sample out put of the server</p>
  
  <p>{"some":"yyy",
  "open":null,
  "program":1,
  "more":"must",
  "comment":000
  }</p>