title: Why can't jQuery dataTables parse my JSON?
body: <p>I am trying to populate a <a href="http://datatables.net/index" rel="noreferrer">dataTable</a> as follows:</p>
  
  <pre><code>$("#my-datatable").dataTable( {
      "sAjaxSource" : "/someURLOnMyServer",
      "bDestroy" : true,
      "fnServerParams" : function(serverParams) {
          serverParams.push(
              {
                  "name" : "widget",
                  "value" : token
              }
          );
      }
  });
  </code></pre>
  
  <p>And the HTML table it is populating:</p>
  
  <pre><code>&lt;table id="my-datatable"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;ID&lt;/th&gt;
              &lt;th&gt;Fizz&lt;/th&gt;
              &lt;th&gt;Buzz&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;&lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>According to Firebug, the JSON coming back from the server is:</p>
  
  <pre><code>[
     {
        "id":1,
        "attributeType":{
           "id":1,
           "name":"test1",
           "tag":"test-type",
           "is-dog":false
        },
        "attributeValue":{
           "id":null,
           "name":"blah",
           "tag":"BLAH"
        },
        "buzz":1,
        "fizz":"53abc"
     }
  ]
  </code></pre>
  
  <p>But Firebug is throwing the following JavaScript error in its console:</p>
  
  <pre><code>TypeError: aData is undefined
  [Break On This Error]   
  
  for ( i=0 ; i&lt;aData.length ; i++ ) --&gt; jquery.dataTables.js (line 2541)
  </code></pre>
  
  <p>Can anyone spot what's going wrong? Either I'm not setting up my <code>dataTable</code> object correctly, or the JSON coming back doesn't match the "schema" of the HTML table it is trying to populate. Either way, I'm lost. Thanks in advance!</p>