title: jqGrid initialized empty when using JSON data
body: <p>I've been lurking around on various forums, and reading several stackoverflow questions related to this problem, but I can't for the life of me figure out what's wrong.</p>
  
  <p>I try to generate a jqGrid treeGrid, using the following code:</p>
  
  <pre><code>      jQuery("#structureBuilderTable").jqGrid({
          url: 'tree.json',
          datatype:'json',
          mtype:'GET',
          colNames: ["ID", "Description", "Total"],
          colModel: [
          {name:'id', index:'id', width: 1, hidden: true, key: true},
          {name:'desc', index:'desc', hidden: false, sortable: true},
          {name:'num', index:'num', hidden: false, sortable: true}
          ],
          treeGridModel:'adjacency',
          height:'auto',
          width:'500',
          pager:"#ptreegrid",
          treeGrid: true,
          ExpandColumn:'desc',
          ExpandColClick: true,
          caption:"TreeGrid Test"
        });
  </code></pre>
  
  <p>This is my .json file (for example purposes):</p>
  
  <pre><code>{
      "total": "1",
      "page": "1",
      "records": "2",
      "rows": [
             {"id": "1", "cell": ["1", "Super Item", "300", "0", "null", "false", "false"]},
             {"id": "2", "cell": ["2", "Item 1", "100", "1", "1", "false", "false"]},
             {"id": "3", "cell": ["3", "Sub Item 1", "50", "2", "2", "true", "true"]},
             {"id": "4", "cell": ["4", "Sub Item 2", "25", "2", "2", "false", "false"]},
             {"id": "5", "cell": ["5", "Sub-sub Item 1", "25", "3", "4", "true", "true"]},
             {"id": "6", "cell": ["6", "Sub Item 3", "25", "2", "2", "true", "true"]},
             {"id": "7", "cell": ["7", "Item 2", "200", "1", "1", "false", "false"]},
             {"id": "8", "cell": ["8", "Sub Item 1", "100", "2", "7", "false", "false"]},
             {"id": "9", "cell": ["9", "Sub-sub Item 1", "50", "3", "8", "true", "true"]},
             {"id": "10", "cell": ["10", "Sub-sub Item 2", "50", "3", "8", "true", "true"]},
             {"id": "11", "cell": ["11", "Sub Item 2", "100", "2", "7", "true", "true"]}
      ]
  }
  </code></pre>
  
  <p>(this is pretty much a direct copy of a guide I found online).</p>
  
  <p>Now, the grid is generated, but it doesn't contain any data. The javascript file is in the same directory as 'tree.json', but somehow it doesn't seem to find it. I used the following for debugging purposes:</p>
  
  <blockquote>
    <p>loadError: function(xhr, status, error) {alert(status +error)}</p>
  </blockquote>
  
  <p>and this is the alert I got:</p>
  
  <blockquote>
    <p>errorNot Found</p>
  </blockquote>
  
  <p>Any help would be <strong>greatly</strong> appreaciated.</p>