jQuery Grid Plugin - jqGrid

 var lastsel;
 $("#listFlex").jqGrid({
         url: root + mod + '/listview2',
         datatype: "json",
         colNames:['Role #','Role Code','Role Description'],
         colModel:[
                      {name:'role_id',index:'role_id', width:50, align:"center"},
                       {name:'role_code',index:'role_code', width:80},
                       {name:'role_desc',index:'role_desc', width:100,align:"left"}
               ],
         rowNum:10,
        rowList:[10,20,30],
        pager: '#pager2',
        sortname: 'role_id',
        width: 700,
           height: "200",
        viewrecords: true,
        sortorder: "asc",
        editurl: "sec_role",
        caption: "Using events example"
        }); //jQuery("#listFlex").jqGrid('navGrid','#pager2',{edit:true,add:true,del:true});
 jQuery("#ed4").click( function() {
                jQuery("#listFlex").jqGrid('editRow',"1");
                this.disabled = 'true';
                jQuery("#sved4").attr("disabled",false);
                });
 
 jQuery("#sved4").click( function() {
                jQuery("#listFlex").jqGrid('saveRow',"1", checksave);
                jQuery("#sved4").attr("disabled",true);
                jQuery("#ed4").attr("disabled",false);
                });
 
 function checksave(result) { if (result.responseText=="") {alert("Update is missing!"); return false;}
                 return true; }

this is my code in js. im unable to save, edit or even delete the row.

ANY POINTERS WILL DO., im really frustrated here :((

thanks