jQuery Grid Plugin - jqGrid

I am having an issue with the overlay not hiding after the grid finishes loading.

here is my code

$("#list2").jqGrid({

  url:'/doctor_json.php',

datatype: "json",

  colNames:[' ','Actions', 'First Name','Middle Name', 'Last Name', 'Credentials','Practice','Specialty','Undergrad', 'Undergrad Yr', 'Dental School', 'Dental Yr', 'Specialty School', 'Specialty Yr'],

  colModel:[

  {name:'id',index:'id', width:20, sortable:false , formatter: 'checkbox', formatoptions:{disabled: 'false'}},

  {name:'act',index:'act', width:75,sortable:false},

  {name:'firstname',index:'firstname, id', width:90, editable: true, editoptions:{size:"20",maxlength:"30"}},

  {name:'middlename',index:'middlename', width:50, editable: true, editoptions:{size:"20",maxlength:"30"}},

  {name:'lastname',index:'lastname.asc', width:80, editable: true, editoptions:{size:"20",maxlength:"30"}},

  {name:'credentials',index:'credentials', width:30},

  {name:'practiceId',index:'practiceId', width:100},

  {name:'specialtyid',index:'specialtyid', width:100},

  {name:'undergrad',index:'undergrad', width:150},

  {name:'undergrad_yr',index:'undergrad_yr', width:20, align: 'right'},

  {name:'dental_school',index:'dental_school', width:150},

  {name:'dental_yr',index:'dental_yr', width:20, align: 'right'} ,

  {name:'specialty_school',index:'specialty_school', width:150},

  {name:'specialty_yr',index:'specialty_yr', width:20, align: 'right'}

  ],

  rowNum:20,

  rowList:[20,40,60],

  // imgpath: gridimgpath,

  pager: $('#pager2'),

  sortname: 'lastname',

   viewrecords: true,

   sortorder: "asc",

   loadComplete: function(){

var ids = $("#list2").getDataIDs();

for(var i=0;i<ids.length;i++){

var cl = ids[i];

be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=$('#list2').editRow("+cl+"); ></ids>"; 

se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=$('#list2').saveRow("+cl+"); />"; 

ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=$('#list2').restoreRow("+cl+"); />"; 

$("#list2").setRowData(ids[i],{act:be+se+ce});

}

},

//editurl: "server.php",

   caption:"Doctors",

   shrinkToFit: true,

   width: 675,

   height: '100%'

}).navGrid('#pager2',{view:true,edit:false,add:true,del:true});