title: jqGrid not displaying JSON data
body: <p>I've read some of the previous question and answers about this issue but couldn't understand why is not working for me.  I can see the grid but its empty and firebug don't give me any errors.</p>
  
  <p>My JSON data is in this form</p>
  
  <pre><code>{"COLUMNS":["ID","MEMO"],"DATA":[[1,"test"],[2,"test1"],[3,"test2"]]} 
  </code></pre>
  
  <p>I've tested that data using The <a href="http://jsonlint.com/" rel="nofollow">JSON Validator</a> and it pass</p>
  
  <p>my init code with the jsonReader</p>
  
  <pre><code>jQuery("#invoices").jqGrid({
      url:'/bob/index.cfm/invoices/read?format=json',
      datatype: "json",
      colNames:['id','memo'],
      colModel:[
          {name:'id', width:255},
          {name:'memo', width:290}
      ],
      rowNum:10,
      rowList:[10,20,30],
      pager: '#invoicespager',
      sortname: 'id',
      viewrecords: true,
      sortorder: "desc",
      caption:"JSON Example",
      jsonReader: {
          repeatitems: false,
          id: "Id",
          root: function (obj) { return obj; },
          page: function (obj) { return 1; },
          total: function (obj) { return 1; },
          records: function (obj) { return obj.length; }
      }       
  
  });
  jQuery("#invoices").jqGrid('navGrid','#invoicespager',{edit:false,add:false,del:false});
  </code></pre>