jQuery Grid Plugin - jqGrid

I have a jqgrid table in which I display my data,locally. I need to add record,edit record and delete.I referred to Multiple jqGrid on one page, how to identify which grid on when click on "add" button on navigator? for jqgrid 4.5.4 version.

The add record doesn't work for me on jqgrid 4.6.0 version.It adds record succesfully only the first time.On subsequent attempts,The issue I am facing is, onClickSubmit has postdata row values empty.So as result,it adds blank rows.

The code I use is exactly same as mentioned in the link above.Th only change is my JSON data is :

data = [{'fname':'abc','lname':'def'},
        {'fname':'efg','lname':'xyz'}]

Also,colNames and colModel looks like :

 colNames:['fname','lname'],
 colModel:[{'name:'fname', index:'fname', width:'40',editable: true,key:true},
       {name:'lname', index:'lname', width:'60', sortable:false,editable: true}]
Thanks,

Shweta