jQuery Grid Plugin - jqGrid

help,
i can't seem to get the navigationbar with search ,delete , refresh etc button to work.
so far i got this:
jQuery(document).ready(function(){
jQuery("#list3").jqGrid({
url:'http://insite3/GemTelXP2/sneltelgrid?'+ new Date().getTime(),
datatype: "json",
colNames:['id','Achternaam', 'Voornaam', ' ' , ' ', 'Telefoon','P&A' ],
colModel:[
// {name:'rn',index:'rn', hidden:false, width:10,align:"left"},
{name:'id',index:'id', hidden:false, width:10,align:"left"},
{name:'achternaam',index:'achternaam', width:215,align:"left"},
{name:'voornaam',index:'voornaam', width:125,align:"left"},
{name:'voorletters',index:'voorletters', width:25,align:"left"},
{name:'tussenvoegsels',index:'tussenvoegsels', width:35,align:"left"},
{name:'telefoon',index:'telefoon', width:100,align:"left"},
{name:'pena',index:'pena', width:50,align:"left"}
],
pager: jQuery('#pager2'),
rowNum:20,
rowList:[5,10,15,20],
imgpath: 'js/themes/sand/images',
viewrecords: true,
sortorder: "asc",
sortname:2,
sortascimg: "sort_asc.gif",
sortdescimg: "sort_desc.gif",
firstimg: "first.gif",
previmg: "prev.gif",
nextimg: "next.gif",
lastimg: "last.gif",
recordtext:"Totaal",
height:50,
rowheight:10 ,
multiselect: false,
editurl:"someurl.php",
caption: "TelefoonGids Snelzoeken",
editurl:"someurl.php",
onSelectRow: function(ids) {
if(ids != null) {
//var a = jQuery("#list3").getRowData(ids);
//alert(a.length)
toonhigh(ids);
}
}

});
jQuery("#list3").navGrid('#pager2',
{}, //options
{height:280,reloadAfterSubmit:false}, // edit options
{height:280,reloadAfterSubmit:false}, // add options
{}, // del options
{} // search options
);

});

but i get an error saying: this propoerty is not supported.
please help