title: JqGrid not loading data from JSON format from PHP
body: <p>Can Some one help me and point me where i am going wrong. Appreciate your help. The Grid shows Blank and nothing is getting loaded.</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/i18n/grid.locale-en.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
          $.jgrid.no_legacy_api = true;
          $.jgrid.useJSON = true;
  &lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/jquery.jqGrid.src.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  jQuery(document).ready(function(){ 
  
  jQuery("#list2").jqGrid({
      url:'http://localhost/jqgrid/book.php',
      datatype: "json",
      colNames:['Title', 'Author', 'Publisher'],
      colModel:[
          {name:'title' , width:160},
          {name:'author' ,width:180},
          {name:'publisher' ,width:80}
      ],
      rowNum:10,
      rowList:[10,20,30],
      pager: '#pager2',
      sortname: 'title',
      sortorder: "desc",
      height: 'auto',
      width: 900,
      viewrecords: true,
      gridview: true,
      caption:"JSON Example",
      jsonReader : {
          repeatitems: true,
          cell: "cell",
          id:"id",
          userdata: "userdata",
          root: "rows",
          page: "page",
          total: "total",
          records: "records"
         }  
  });
  
  jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:true,del:true});
  
  });
  
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
       &lt;table id="list2"&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
       &lt;div id="pager2"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here my JSON Response from PHP:</p>
  
  <p>{"page":"1","total":1,"records":"2","rows":[{"id":"2","cell":["PHP QUERY","JSON","VTECH"]},{"id":"1","cell":["JQUERY Cook book","MY AUTHOR","GRID"]}]}</p>