jQuery Grid Plugin - jqGrid

JqGrid is not doing any sorting. Following is my grid specification

 jQuery().ready(function () {
        jQuery("#list1").jqGrid({
            url: '<%=strAppVirtualPath %>/app/handlers/helper.ashx?type=test',
            datatype: "xml",
            colNames: ['Project Id', 'Project Name', 'Group', 'Description', 'RTS', 'RFD', 'Project Status'],
            colModel: [
   		{ name: 'projectid', index: 'id', width: 75, sortable: true },
   		{ name: 'projectname', index: 'invdate', width: 90, sortable: true },
   		{ name: 'group', index: 'name', width: 100, sortable: false },
   		{ name: 'description', index: 'amount', width: 80, align: "right", sortable: false },
   		{ name: 'rts', index: 'tax', width: 80, align: "right", sortable: false },
   		{ name: 'rfd', index: 'total', width: 80, align: "right", sortable: false },
   		{ name: 'projectstatus', index: 'note', width: 150, sortable: false }
   	],
            rowNum: 100,
            autowidth: true,
            rowList: [10, 20, 30],
            pager: jQuery('#pager1'),
            sortname: 'id',
            viewrecords: false,
            /* height:'20%', */
            sortorder: "desc",
            caption: "Project List",
            loadonce: true,
            multiselect: true,
            loadComplete: function () {
                jQuery("#list1").trigger("reloadGrid"); // Call to fix client-side sorting
            },
            shrinkToFit: true
        }).navGrid('#pager1', { edit: false, add: false, del: false })
          .hideCol('cb');
    });