jQuery Grid Plugin - jqGrid

uncaught exception: jqGrid – No such method: navGrid

I'm having the same issue. I've downloaded jqGrid 3.8.1 with all of the optional modules.

I'm calling a local json datasource (data.js) based on the (json example included with the documentation.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="js/grid.locale-en.js"></script>
    <script type="text/javascript">
        jQuery.jgrid.no_legacy_api = true;
    </script>
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>

<script>
$(function() {
        jQuery("#list2″).jqGrid({
            url:'/js/data.js',
            datatype: "json",
            mtype: 'GET',
            colNames:['First Name','Last Name', 'Email', 'Phone','Cell','Department','Location'],
            colModel:[ {name:'First name',index:'firstname', width:90}, {name:'Last Name',index:'lastname asc, firstname', width:100}, {name:'Email',index:'email', width:80, align:"right"}, {name:'Phone',index:'phone', width:80, align:"right"}, {name:'Cell',index:'cell', width:80, align:"right"}, {name:'Department',index:'department', width:80,align:"right"}, {name:'Location',index:'location', width:150, sortable:false} ],
            rowNum:10,
            rowList:[10,20,30],
            pager: '#pager2',
            sortname: 'id',
            viewrecords: true,
            sortorder: "desc",
            caption:"Online Directory" });
            
            jQuery("#list2″).jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
        
    });
 </script>

for

<table id="list2″></table>
<div id="pager2″></div>

Any ideas?