title: Issue with the Navigation Bar in jqGrid
body: <p>I'm facing a problem with my configuration of jqGrid. I'm trying to activate the navigation bar using this configuration: </p>
  
  <pre class="lang-js prettyprint-override"><code>$(function(){ 
      $("#list").jqGrid({
          url:'test.xml',
          datatype: 'xml',
          mtype: 'GET',
          colNames:['Name','Last Name', 'Id Nbr'],
          colModel :[ 
             {name:'name', index:'name', width:200}, 
             {name:'lastName', index:'lastName', width:200}, 
             {name:'idnbr', index:'idnbr', width:60}
          ],
          pager: '#pager',
          rowNum:10,
          rowList:[10,20,30],
          sortname: 'name',
          sortorder: 'desc',
          viewrecords: true,
          gridview: true,
          loadonce: true,
          sortable: true,
          rownumbers: true,
          height: '100%',
          width: '800',
          caption: 'My first grid'
      }); 
  }); 
  jQuery("#list").jqGrid('navGrid','#pager',{edit:true,add:true,del:true});
  </code></pre>
  
  <p>And my HTML code looks like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table id="list"&gt;&lt;tr&gt;&lt;td/&gt;&lt;/tr&gt;&lt;/table&gt; 
  &lt;div id="pager"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>I've read a lot of answers here at Stackoverflow about how to configure the navigation bar, but i can't get my add, edit, delete, find and refresh buttons in the bar, only the pages handle.</p>
  
  <p>I would like to know if I'm missing something on my code or what, because I've tried to get this buttons but no results until now.</p>
  
  <p>Thanks in advance for your help</p>