title: Footable V3 Ajax Data Loading: Error: No Columns Supplied
body: <p>I'm having trouble getting the footable V3 ajax data loading to work.  I'm currently using v3.0.1 and trying to implement the example exactly as specified here:</p>
  
  <p><a href="http://fooplugins.github.io/FooTable/docs/examples/advanced/ajax.html" rel="nofollow">http://fooplugins.github.io/FooTable/docs/examples/advanced/ajax.html</a></p>
  
  <p>I have created the specified files columns.json and rows.json containing the same data provided in the example.</p>
  
  <p>I'm initializing the table using:</p>
  
  <pre><code>        $('.table').footable(
          {
              "columns": $.get("locatorApp/columns.json"),
              "rows":  $.get("locatorApp/rows.json")
          });
  </code></pre>
  
  <p>I'm getting the error:</p>
  
  <p>FooTable: unhandled error thrown during initialization. Error: No columns supplied.
      at Error (native)
      at ../footable-standalone-v3.0.1/js/footable.js:2623:16)
      at ../footable-standalone-v3.0.1/js/footable.js:2662:7)</p>
  
  <p>I know it's finding the files OK as I can induce 404 errors by using incorrect filenames.
  I tried taking the data from the file and specifying it within the footable initialization object and it works without any problems.</p>
  
  <pre><code>$('.table').footable({
      "columns": [{"name":"col1", "title": "Col 1"},
                  {"name":"col2", "title": "Col 2"} ],
      "rows": [{"col1":"abc", "col2":"def"},
                       {"col1":"ghi", "col2":"jkl"}, 
                       {"col1":"ghi", "col2":"jkl"}, 
                       {"col1":"ghi", "col2":"jkl"}, 
                       {"col1":"ghi", "col2":"jkl"}]
  });
  </code></pre>
  
  <p>I'm wondering if I'm not specifying the promises correctly, although they are identical as shown in the above footable example.</p>
  
  <p>Any help is greatly appreciated.</p>