title: jQuery DataTables - No XHR request made
body: <p>I have a simple datatable with the following initialization options:</p>
  
  <pre><code>$('#inventory').dataTable({
      "sPaginationType": "full_numbers",
      "ajax": '/api/inventory/',
      "columns": [
          { "data": "id" },
          { "data": "description" },
          { "data": "cost_price" },
          { "data": "sale_price" },
          { "data": "on_hand" }
      ]
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table id="inventory"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th tabindex="0" rowspan="1" colspan="1"&gt;ID&lt;/th&gt;
              &lt;th tabindex="0" rowspan="1" colspan="1"&gt;Description&lt;/th&gt;
              &lt;th tabindex="0" rowspan="1" colspan="1"&gt;Cost Price&lt;/th&gt;
              &lt;th tabindex="0" rowspan="1" colspan="1"&gt;Sale Price&lt;/th&gt;
              &lt;th tabindex="0" rowspan="1" colspan="1"&gt;On Hand&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
  
      &lt;tfoot&gt;
          &lt;tr&gt;
              &lt;th rowspan="1" colspan="1"&gt;ID&lt;/th&gt;
              &lt;th rowspan="1" colspan="1"&gt;Description&lt;/th&gt;
              &lt;th rowspan="1" colspan="1"&gt;Cost Price&lt;/th&gt;
              &lt;th rowspan="1" colspan="1"&gt;Sale Price&lt;/th&gt;
              &lt;th rowspan="1" colspan="1"&gt;Stock&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/tfoot&gt;
      &lt;tbody&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here is my <a href="http://debug.datatables.net/icunex" rel="nofollow">debug bookmarklet</a>. I noticed that under server interaction it says <code>Last JSON from server: No XHR request made</code>. In the frontend i see <code>No data available in table</code> where my data should be. There's no error in the Chrome console and if I hit the URL with my browser it returns the JSON fine. What can cause DataTables to not make the XHR request? </p>