My treegrid shows only the title bar and the header of the grid (My Hierarchy in this case), and Firefox console shows the following errors (in bold below) on initial load of a treegrid. What am I missing? Please help.

$(document).ready
(
    function()
    {
        var hier = $('#hier').jqGrid
        (
            {
                url: 'index.php?func=hier&aAction=loaddata',
                dataType: 'json',
                mType: 'post',
                height: 'auto',
                pager: false,
                loadui: 'disable',
                caption: 'My Hierarchy',
                treeGrid: true,
                treeGridModel: 'nested',
                ExpandColumn: 'Name',
                autowidth: true,
                rowNum: -1,
                ExpandColClick: true,
                treeIcons: {leaf:'ui-icon-document-b'},
                colNames: ['UserID', 'MemId', 'SaleId', 'HierId', 'My Hierarchy','Url'],
                colModel:
                [
                    {name: 'UserId', width:1, hidden:true},
                    {name: 'MemId', width:1, hidden:true},
                    {name: 'SaleId', width:1, hidden:true},
                    {name: 'HierId', width:1, hidden:true},
                    {name: 'Name', width:150, resizable: false, sortable:false},
                    {name: 'Url', width:1, hidden:true}
                ],
                loadError : function(xhr, status, error)
                {
                    console.log(status); => Output = parseerror
                    console.log(error); => Output = TypeError: a is null { message="a is null", more...}                }
            }
        );
    }
);

Here is my initial response from server:

{"page":1,"total":1,"records":1,"rows":{"2":{"cell":["2","2","1","1","QUYEN NGUYEN","http:yahoo.com"
,"0","1","4","false","false"]},"1":{"cell":["1","1","55","55","VIET PHAM","http:yahoo.com","1","2","3"
,"true","false"]}}}