jQuery Grid Plugin - jqGrid

Hello.  I'm trying to dynamically make certain cells disabled in my grid and it's not working.  These cells happen to be datepicker cells.  I used examples on the site and it's still not working.  Please help! 

var lastsel;

jQuery(

"#permitList").jqGrid({

datatype:

"local",

height: 200,

width: 850,

treeGrid: true

ExpandColumn :

'effDT',

  sortname: 'pRetDate',

sortorder:

"asc",

cellEdit:

true,

colNames:[

'Permit ID', 'Permit Retired Date', 'Permit','CLIA Permit ID', 'Effective Date','Retired Date', 'Tree Level'],

colModel:[

{name:

'permitID',index:'permitID', sorttype:"int", width:10},

{name:'pRetDate',index:'pRetDate', sorttype:"date", width:40},

{name:'permit',index:'permit', sorttype:"text", width:120,editable:false},

{name:

'cliaPermitID',index:'cliaPermitID', sorttype:"int", width:10},

{name:

'effDT',index:'effDT', sorttype:"date", width:40, editable:true,

    editoptions: {size: 10, maxlengh: 10,dataInit:

function(element)

    {$(element).datepicker()}}},

{name:'retDT',index:'retDT', sorttype:"date", width:40, editable:true,

    editoptions: {size: 10, maxlengh: 10,dataInit:

function(element)

    {$(element).datepicker()}}},

 {$(element).datepicker(

{name:'treeLevel', index:'treeLevel', sorttype:"int", width:1}

],

beforeEditCell:

function (id,name,val,iRow,iCol){

 

var permitretdate = jQuery("#permitList").jqGrid('getCell',iRow,'pRetDate');

if(permitretdate != '' && permitretdate != null){

 

// Should not allow editing in this row

jQuery(

"#permitList").setCell (iRow,'effDT','',{editable:false});

jQuery(

"#permitList").setCell (iRow,'retDT','',{editable:false});

}

 

else {

jQuery(

"#permitList").setCell (iRow,'effDT','',{editable:true});

jQuery(

"#permitList").setCell (iRow,'retDT','',{editable:true});

 }

},