jQuery Grid Plugin - jqGrid

  I have a jqgrid which retrieves data from wcf.  and data of rows are displayed correctly in grid. but the number of pages and total records are displayed wrong, the value of total and records is right in the response data. 

any help will be appreciated. thank you in advance.

my js code is below:

$(document).ready(function () {

     $("#table").jqGrid({

         datatype: function () { getData(); },

         editurl: "About.aspx",

         height: 120,

         colNames: ['ID', 'CODEID', 'COMPID', 'UNAME', 'IVALUE', 'SNAME', 'MNAME', 'PNAME', 'CDATE'],

        colModel: [

           { name: 'ID', index: 'ID', jsonmap: 'ID', width: 80, sortable: true },

  { name: 'CODEID', width: 80, sortable: true, editable: true, editrules: { required: true, number: true} },

  { name: 'COMPID', width: 80, sortable: true, editable: true, editrules: { required: true} },

    { name: 'UNAME', width: 80, sortable: true, editable: true, editrules: { required: true} },

 { name: 'IVALUE', width: 80, sortable: true, editable: true, editrules: { required: true} },

 { name: 'SNAME', width: 80, sortable: true, editable: true, editrules: { required: true} },

 { name: 'MNAME', width: 80, sortable: true, editable: true, editrules: { required: true} },

 { name: 'PNAME', width: 80, sortable: true, editable: true, editrules: { required: true} },

 { name: 'CDATE', width: 120, sortable: false, editable: true, editrules: { required: true, date: true} }],

        imgpath: "Styles\images",

sortname: 'ID',

pager: '#gridpager',

sortorder: "asc",

loadtext: "Loading....",

viewrecords: true,

viewpages: true,

loadui: "block",

rownumbers: true,

loadonce: true,

rowNum: 5,

rowList: [5, 10, 20],

caption: "Jquery,JqGrid,WCF,Linq,Json",

onSelectRow: function (id) {

if (id && id !== lastsel) { lastsel = id; } }

  });

function getData() {

beginGridRequest("table");

var page = $('#table').getGridParam('page');

var rowNum = $('#table').getGridParam('rowNum');

var sortorder = $('#table').getGridParam('sortorder');

var sortname = $('#table').getGridParam('sortname');

var params = "page=" + page + "&rowNum=" + rowNum + "&sortorder=" + sortorder + "&sortname=" + sortname;

var url = "http://localhost:32775/WcfService/AjaxWcf.svc/SearchItem?" + params;

$.getJSON(url, {}, function (data) {

ReceivedClientData(JSON.parse(getMain(data)).rows);

});

setTimeout('endGridRequest("table")', 300);

 }

Json from wcf :  "page":"1","total":3,"records":"13",

data on pager is        Page  1of 0             View 1 - 5 of 5   ,  the right data should be   Page  1 of 3             View 1 - 5 of 13

does anyone have the same problem?