title: problem displaying the search toolbar in jqgrid
body: <p>Hi I am having problem displaying my search toolbar for the jqgird, I have tried several methods that were offered online, and I see several people have used what I am using successfully, can someone please look at my code and let me know where and what I might be missing, I did not add any code in the controller class for the search, also I am using those scripts:jquery-1.4.2.min.js, jquery.jqGrid.js, jquery.searchFilter.js, jqModal.js, jqDnR.js (orignially taken from PHill HAACK's website) I am thinking maybe it is the scripts that I am using or maybe the css I am using the grid.css from the basic theme from the same website example mentioned above.</p>
  
  <p>any advice will be appreciated.</p>
  
  <pre><code>jQuery(document).ready(function() {
      jQuery("#list").jqGrid({
          url: '/Home/DynamicGridData/',
          datatype: 'json',
          mtype: 'POST',
          ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
          search: true,
          multipleSearch: true,
          colNames: ['Edit', 'AlertId', 'Policy', 'PolicyRule', 'Alert Status', 'Alert Code', 'Message', 'Category'],
          colModel: [
        { name: 'Edit', edittype: 'select', formatter: 'showlink', sortable: false },
        { name: 'AlertId', index: 'AlertId', sortable: true, sorttype: 'int', autoFit: true, align: 'left', hidden: true },
        { name: 'Policy', index: 'Policy.Name', sortable: true, autoFit: true, align: 'left' },
        { name: 'Policy Rule', index: 'PolicyRule', sortable: true, sorttype: 'text', autoFit: true, align: 'left' },
        { name: 'Alert Status', index: 'AlertStatus.status', sortable: true, sorttype: 'text', autoFit: true, align: 'left' },
        { name: 'Alert Code', index: 'Code', sortable: true, sorttype: 'text', align: 'left', autoFit: true },
        { name: 'Message', index: 'Message', sortable: true, sorttype: 'text', autoFit: true },
        { name: 'Category', index: 'Category.name', sortable: true, sorttype: 'text', align: 'left', autoFit: true}],
          pager:  jQuery('#pager'),
          rowNum: 10,
          rowList: [10, 60, 100],
          scroll: true,
          sortname: 'AlertId',
          sortorder: 'asc',
          gridview: true,
          autowidth: true,
          rownumbers: true,
          viewrecords: true,
          imgpath: '/scripts/themes/basic/images',
          caption: 'Nebo System Alerts'
      });
  
      jQuery("#list").jqGrid('navGrid', '#pager', { add: false, edit: false, del: false }, {}, {}, {}, { multipleSearch: true, overlay: false });
      jQuery("#list").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: true });
      jQuery("#list").jqGrid('navButtonAdd', '#pager', { caption: "", title: "Toggle Search Bar", buttonicon: 'ui-icon-pin-s',
      onClickButton: function() { $("#list")[0].toggleToolbar() } 
  });
  </code></pre>