jQuery Grid Plugin - jqGrid

birt said:

Firefox with Firebug add-on is useful for debuggning…

Thanks . I am adding more details of my problem

{"page":"1","total":120,"records":"1200","rows":[{"id":"400000","cell":["400000","420000","K1010-44338","1","10.97","0","0","0"]},{"id":"400001","cell":["400001","420001","N1051-78338","1","11.62","0","0","0"]},{"id":"400002","cell":["400002","420002","L5000-62155","1","90.8","0","0","0"]},{"id":"400003","cell":["400003","420003","A6000-30766","1","4.57","0","0","0"]},{"id":"400004","cell":["400004","420003","A6060-49747","1","22.98","0","0","0"]},{"id":"400006","cell":["400006","420003","A6130-36134","1","4.5","0","0","0"]},{"id":"400009","cell":["400009","420003","N1068-28891","1","4.28","0","0","0"]},{"id":"400015","cell":["400015","420003","A1111-30633","1","1.5","0","0","0"]},{"id":"400021","cell":["400021","420003","A6110-11163","1","1.23","0","0","0"]},{"id":"400023","cell":["400023","420003","A6120-33013","1","0.2","0","0","0"]}]}

This is the response get echoed if I run server.php directly it means the server.php is working fine there is something else issue. Please help or suggest some pointer to debug.

Jgrid setup

    <script type="text/javascript">
        var gridimgpath='css/ui-lightness/images';

       $(document).ready(function(){
     jQuery("#list3").jqGrid({
            url:'server.php?rows=10&page=1&sidx=order_id&sord=order_item_id',
            datatype: "json",
             mtype: 'GET',
            colNames:['Order Item Id','Order Id','Sku', 'Qty', 'List Price','Shipping','Handling','Discount'],
            colModel:[
                {name:'order_item_id',index:'order_item_id', width:90},
                {name:'order_id',index:'order_id', width:90},
                {name:'sku',index:'sku', width:100},
                {name:'qty',index:'qty', width:100},
                {name:'list_price',index:'list_price', width:80, align:"right"},
                {name:'shipping',index:'shipping', width:80, align:"right"},
                {name:'handling',index:'handling', width:80,align:"right"},
                {name:'discount',index:'discount', width:150} ],
                rowNum:20,
                rowList:[10,20,30],
                pager: jQuery('#pager'),
                sortname: 'id',
                imgpath: gridimgpath,
                viewrecords: true,
                sortorder: "desc",
                caption:"JSON Example"    
        }).navGrid('#pager',{edit:false,add:false,del:false});
         });

    </script>