jQuery Grid Plugin - jqGrid

I downloaded the demo and have it working on my site but the search operators (equals, contains, greater, ...) are not displaying.  Please advise as to how to fix this problem.

 

var template1 = { "groupOp": "AND", "rules": [ { "field": "a.firstName", "op": "bw", "data": "Client 1" },
{ "field": "a.lastName", "op": "gt", "data": "20"} ] };

jQuery("#person_list").jqGrid({
url:'server-update.php?q=1',
datatype: "json",
colNames:['ID','Type','Last','First','Email','Phone','Address','Custom','Registrations','Balance'],
colModel:[
//{name:'', sortable:true, index:'a.personType', width:25, hidden:false,search:false,hidedlg:true},
//search ID on
//{name:'', index:'a.personID', width:20, hidden:false,searchoptions:{sopt:['bw','cn','eq','ne','lt','gt','ew']}},
//search ID off
{name:'ID',key : true, index:'a.personID', width:20},
{name:'Type', index:'isStudent', sortable:true, width:25},
{name:'Last', index:'a.lastName', width:40},
{name:'First', index:'a.firstName', width:30},
{name:'Email', sortable:true, index:'a.emailAddress', width:60,searchoptions:{sopt:['bw','cn','eq','ne','lt','gt','ew']}},
{name:'Phone', sortable:false,index:'phone', width:35},
{name:'Address', sortable:false,index:'address', width:100},
{name:'Custom', sortable:false,search:false, hidden:false, index:'custom', width:30},
{name:'Registrations', sortable:false,search:false, hidden:false, index:'programCode', width:100},
{name:'Balance', sortable:false,search:false, hidden:false, index:'balance', width:40} //CN change 30 to 40
],
rowNum:10,
autowidth: true,
pager: '#pagerb',
sortname: 'lastName',
rowList:[10,20,50,100],
viewrecords: true,
sortorder: "asc",
caption: "",

});

jQuery("#person_list").jqGrid('navGrid','#pagerb', {
edit:false,
add:false,
del:false},
{}, {}, {},
{ multipleSearch:true, multipleGroup:false, showQuery: false,
// set the names of the template
"tmplNames" : ["Template One"],
// set the template contents
"tmplFilters": [template1] } );

 

Blessings,

Tiffany