title: jqGrid returns blank cells
body: <p>Can't seem to get the following jqGrid code to work <a href="http://cablegate.politicswiki.ie/stackoverflow.html" rel="nofollow">http://cablegate.politicswiki.ie/stackoverflow.html</a></p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
  $(document).ready(function(){
      jQuery("#list2").jqGrid({
          url:'http://tables.googlelabs.com/api/query?sql=SELECT * FROM 333136 LIMIT 10&amp;jsonCallback=?',
          datatype: "json",
          colModel:[
              {name:'ident',index:'ident',label:'ident', width:55},
              {name:'date',index:'date',label:'date', width:90},
              {name:'sourceId',index:'sourceId',label:'sourceId', width:100},
              {name:'source',index:'source',label:'source', width:80},
              {name:'tags',index:'tags',label:'tags', width:200}      
          ],
          jsonReader: {
              repeatitems: false,
              root: function (obj) { 
                  var rows = new Array();
                  for(var i = 0; i &lt; obj.table.rows.length;i++)
                  {
                      var row = new Object();
                      row.id = obj.table.rows[i][0];
                      row.cell = obj.table.rows[i];
                      rows[i] = row;
                  }
                  return rows;
              },
              page: function (obj) { return 1; },
              total: function (obj) { return 1; },
              records: function (obj) { return obj.table.rows.length; }
          },
          rowNum:10,
          rowList:[10,20,30],
          pager: '#pager2',
          sortname: 'id',
          viewrecords: true,
          sortorder: "desc",
          caption:"JSON Example"
      });
      jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
  });
  &lt;/script&gt; 
  </code></pre>
  
  <p>Have tried a number of things to get it to work. Nothing seems to do it.</p>