title: jqGrid data load issue
body: <p>I cannot get my data to show in jqgrid.  I am using exactly the same code from this working example:</p>
  
  <p><a href="https://stackoverflow.com/questions/9561532/jqgrid-wont-load-json-data?rq=1">jqgrid won&#39;t load json data</a></p>
  
  <p>My data is different, but not substantially so:</p>
  
  <pre><code>{"records":95,"page":1,"total":1,"rows":[{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"}]}
  </code></pre>
  
  <p>I hate to re-open the same issue, but this is very frustrating to me.</p>
  
  <p>EDIT:  Here is my code:  </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html lang="en" xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;InfoMaker  Monitor&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/css/ui.jqgrid.css" /&gt;
      &lt;style type="text/css"&gt;
          html, body { font-size: 75%; }
      &lt;/style&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/js/i18n/grid.locale-en.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/js/jquery.jqGrid.src.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
      //&lt;!CDATA[
          jQuery(function () {
              'use strict';
              jQuery("#jsonmap").jqGrid({
              url: 'http://localhost:8888/nancy/readasjson'
              ,datatype: 'json'
              ,ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }
              // see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data
              ,jsonReader : {
                   page: "page"
                  , total: "total"
                  , records: "records"
                  , rows: "rows"
                  ,cell: "cell"
                  ,id: "id",
                  }
              ,colNames: ['Report','File']
              ,colModel :[ 
                 {name:'Report'  ,index:'Report', width:55} 
                ,{name:'File',index:'File', width:55} 
              ]
              ,rowNum:10
              ,rowList:[10,20,30]
              ,viewrecords: true
              ,loadComplete: function() {
                console.log("Load Complete");
                //console.log("URI: " + jQuery("#jsonmap").jqGrid.datatype );
              }
              ,loadError: function(xhr,st,err) { 
                  console.log(xhr.statusText);
                  //$("#jsonmapMessage").html("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText); 
              }
              ,width: '900'
              ,height: 'auto'//'300'
              ,caption: 'My first grid'
            }); 
            jQuery("#jsonmap").jqGrid('navGrid','#pjmap',{edit:true,add:false,del:false});
          });
      //]]&gt;
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table id="jsonmap"&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
      &lt;div id="pjmap"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>And here is how the data looks now:</p>
  
  <pre><code>{"records":10,"page":1,"total":1,"rows":[{"id":61,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":62,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":63,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":64,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":65,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":68,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":77,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":79,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":80,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}},{"id":81,"cell":{"Report":"f_cn_08","File":"F_CONTR.PBL"}}]}
  </code></pre>
  
  <p>I am tempted to fork the jqgrid source and add some console.log messages to it!  Because failing mysteriously with no message is a great barrier to adoption.</p>