jQuery Grid Plugin - jqGrid - Topic: No search icon

jQuery Grid Plugin - jqGrid - Topic: No search icon http://www.trirand.com/blog/?page_id=393/help/no-search-icon Simple:Press Version 5.7.5.3 tj123 on No search icon http://www.trirand.com/blog/?page_id=393/help/no-search-icon#p23972 Help http://www.trirand.com/blog/?page_id=393/help/no-search-icon#p23972 I try to add the search functionality, after several try, there is still not even a basic icon show up, I just totally confused...

someone please help me figure this out.

... this is my code.

<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/jqgrid_UI_1/jquery-ui-1.8.14.custom.css" />

<style>
html, body
{
    margin: 0;
    padding: 0;
    font-size: 75%;
}
</style>
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

<script type="text/javascript">



$(function(){
$("#list").jqGrid({
    url:'Test.php',
    datatype: 'xml',
    mtype: 'GET',
    colNames: ["Study","UploadDate","Investigator","Platform","Species","Array","Description"],
    colModel :[
      {name:'Name', index:'Name', width:200 , search:true, stype:'text'},
      {name:'UploadDate', index:'UploadDate', width:100},
      {name:'Investigator', index:'Investigator', width:120, align:'left'},
      {name:'Platform', index:'Platform', width:120, align:'left'},
      {name:'Species', index:'Species', width:120, align:'left'},
      {name:'Array', index:'Array', width:150, align:'left'},
      {name:'Description', index:'Description', width:300, sortable:false}
    ],
    pager: '#pager',
   page: 1,
    rowNum:50,
    rowList:[50,100,200],
    sortname: 'Name',
    sortorder: "desc",
    viewrecords: true,
    caption: 'Test Grid',
   height: "100%"
});
})
;

jQuery("#list").jqGrid('navGrid', '#pager', { edit: false, add: false, del: false, search: true, refresh: false });

</script>

</style>

</head>

<body>
   <div id="maindiv">
       <table id="list"><tr><td/></tr></table>
       <div id="pager"></div>
   </div>
</body>
</html>

]]> Sun, 17 Jul 2011 07:43:43 +0300