jQuery Grid Plugin - jqGrid

hello all

in add action i want to remove the readonly attribute from column "applName" To enable Enter values in .

so i use this command :

    $("#id.applName", formid).removeAttr("readonly");

 but it  not work  and the column still disabled from update.

before, where my jsonString was simple, like :

 {"id":"10","applName":"appl1","group":"g1",field:"f1"}

  the command :  $("#applName", formid).removeAttr("readonly");  work well

but now because new  jsonString sturcture :

{"id":{"applName":"appl1","group":"g1"},field:"f1"}

i must used   $("#id.applName", formid).removeAttr("readonly");

and there no error message and  the column still disabled for update

my jqgrid source:

jQuery("#listsg11").jqGrid({
 url:'<%=request.getContextPath()%>/ViewAppl?oper=select',
 editurl:'<%=request.getContextPath()%>/ViewAppl',
 datatype: "json",
 jsonReader : {
     root: "rows",
     page: "page",
     total: "total",
     records: "records",
     repeatitems: true,
     cell: "",
     width:400,
     id: "0"},

....

colNames:['id','applName','groupName', 'description', 'applExit','applSource'],
    colModel:[
     {name:'id',index:'id',hidden:true, width:55, editable: true,editoptions: {maxlength:8, readonly: 'readonly' }},
     {name:'id.applName',index:'id.applName', width:55, editable: true,editoptions: {maxlength:8, readonly: 'readonly' }},
     {name:'id.groupName',index:'id.groupName', width:90,editable: true,editoptions: {maxlength:8}},
     {name:'description',index:'description', width:100,editable:true,color:'blue',background:'background'},
     {name:'applExit',index:'applExit', width:80, align:"right",editable:true},
     {name:'applSource',index:'applSource', width:80,search:false, align:"right",editable:true,
           edittype: 'select',editoptions: {value: s:sql;b:DB2'}}
    ],
    loadonce: true,

.....

jQuery("#listsg11").jqGrid('navGrid','#pagersg11',{pgbuttons:false,search:false,view:true,add:true,edit:true,del:true},
  { // edit dialog options
    checkOnUpdate:true,
    closeAfterEdit:true,
             beforeShowForm : function (formid){
                      $("#id.applName", formid).attr("readonly","true");
             }
   },
         // Add dialog options
  {
   checkOnUpdate:true,
   closeAfterAdd:true,
    beforeShowForm : function (formid){
               $("#id.applName", formid).removeAttr("readonly");
    } 
 );