title: Adding JSON data to DataTable
body: <p>Hoping someone can access this for me cause I cannot figure it out.</p>
  
  <p>The data is successfully being received, however the data won't load into the table.  There's no error message.  It just simply won't do it.  This worked previously when I used an ajax call within the DataTable, but when I move the Ajax call outside of the DataTable creation then it does not work.</p>
  
  <p>Example JSON data:</p>
  
  <pre><code>{
      "data":[
          {
              "Id": 1,
              "Name": "Fred"
          },
          {
              "Id": 2,
              "Name": "Tommy"
          }
      ]
  }
  </code></pre>
  
  <p>Function call to get JSON:</p>
  
  <pre><code>function getJSON() {
      $.ajax({
          url: "Home/GetList",
          type: "GET",
          datatype: "json"
      }).done(function(data) {
          drawDataTable('Table', data);
      });
  }
  </code></pre>
  
  <p>Drawing the DataTable</p>
  
  <pre><code>function drawDataTable(divId, data) {
      var table = $('#' + divId).DataTable({
          data: data,
          dataSrc: "",
          columnDefs: [
              { "targets": [0], "data": "Id" },
              { "targets": [1], "data": "Name" }
          ]
      });
      return table;
  }
  </code></pre>
  
  <p>I then send this large array of data (1000 array elements) to my Datatable function via <code>function drawDataTable(divId, data)</code></p>
  
  <p>And within that DataTable function I use:</p>
  
  <pre><code>data: data,
  dataSrc: ""
  </code></pre>
  
  <p>I have also tried removing the <code>dataSrc</code> and also making it <code>dataSrc: "data"</code> but neither worked.</p>