title: JQuery grid doesn't show data - show empty grid
body: <p>Can anybody help me with the jQuery plugin jqGrid? I downloaded <a href="http://www.trirand.com/blog/?page_id=6" rel="nofollow noreferrer">jqGrid 4.4.5</a> and I put in code    </p>
  
  <pre><code> &lt;script&gt;
          $(document).ready(function() {
               jQuery("#list2").jqGrid({ url:'test.json', datatype: "json", colNames:['Inv No','Date'], colModel:[ {name:'id',index:'id', width:55}, {name:'date',index:'date', width:90}], rowNum:10, rowList:[10,20,30], pager: '#pager2', sortname: 'id', viewrecords: true, sortorder: "desc", caption:"USERS" }); jQuery("#list2").jqGrid('navGrid','#pager2',{edit:true,add:true,del:true});
  
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>I have in my html table           </p>
  
  <pre><code>  &lt;table id="list2"&gt;&lt;/table&gt;
    &lt;div id="pager2"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and I have test.json like </p>
  
  <pre><code>[
      {
          "id": 3,
          "date": ""
      },
      {
          "id": 2,
          "date": "1"
      },
      {
          "id": 3,
          "date": ""
      }
  ]
  </code></pre>
  
  <p>but when I load page I don't get any data in grid just like on picture <img src="https://i.stack.imgur.com/9CNez.jpg" alt="enter image description here">.</p>
  
  <p>Can anybody point out what I'm doing wrong ?</p>