title: jqGrid keeps on displaying "Loading"
body: <p>I am using a asmx service to return data to display in jqGrid. I can see the json data is returned in complete callback. This is what json data in the complete callback look like <code>{"d":[{"__type":"HHSC.CTF.Business.BatchReceiptModel","BReceiptId"....</code>. I am not sure why it preceded by <code>d:</code> and also the type name for the data.
  This is my jqGrid setup look like</p>
  
  <pre><code>$("#list").jqGrid({
      url: "../../WebServices/BatchReceiptsWebService.asmx/BatchReceiptsTable",
      datatype: "json",
      mtype: 'POST',   
      ajaxGridOptions: { contentType: 'application/json; charset=utf-8',
          success: function (data, status) {
  
          },
          complete: function (xhr) {
  
          },
          error: function (jqXHR, textStatus, errorThrown) {
  
          }
      },
      serializeGridData: function (postData) {
          return JSON.stringify(postData);
      },
      jsonReader: {
          repeatitems: false,
          id: "BReceiptId",
          page: function (obj) { return 1; },
          total: function (obj) { return 1; },
          root: function (obj) { return obj; },
          records: function (obj) {
              return obj.d.length; 
          }
      },
      colNames: ['BReceiptId', 'ReceiptNumber', 'ReceiptAmount'],
      colModel: [
                      { name: 'BReceiptId', index: 'BReceiptIdnId', width: 100 },
                      { name: 'ReceiptNumber', index: 'ReceiptNumber', width: 150 },
                      { name: 'ReceiptAmount', index: 'ReceiptAmount', align: 'right', width: 100 }
                  ],
      rowNum: 10,
      loadonce: true,
      gridview: true,
      rownumbers: true,
      rowList: [10, 20, 30],
      viewrecords: true
  
  });
  </code></pre>