title: jqGrid event not activated or triggered on Row Select
body: <p>I've got a jqGrid running on my jsp page, and I love every features of this grid so far. Now I try to explore the event feature. I am trying to attach a function to onSelectRow event of the grid, but nothing works when i click on any row of the grid. Can you tell me why?</p>
  
  <p>I am using jqGrid 3.6. Do I need to  reference any other javascript library to make it works?</p>
  
  <p>My grid shows up with data loading in, but when i click any row, nothing happens.</p>
  
  <p>Below is my script:</p>
  
  <pre><code>&lt;script src="javascript/jquery-1.3.2.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="javascript/ui.core.js" type="text/javascript" &gt;&lt;/script&gt;       
  &lt;script src="javascript/i18n/grid.locale-en.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="javascript/jquery.jqGrid.min.js" type="text/javascript"&gt;&lt;/script&gt;    
  &lt;script src="javascript/ui.multiselect.js" type="text/javascript"&gt;&lt;/script&gt;   
  &lt;script src="javascript/jquery-ui-1.7.2.custom.min.js" type="text/javascript"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
    jQuery(document).ready(function(){ 
      jQuery("#list").jqGrid({
        url:'admin.htm',
        datatype: 'xml',
        mtype: 'GET',
        colNames:['ID', 'data 1','data 2'],
        colModel :[ 
          {name:'ID', index:'ID', hidden:true}, 
          {name:'data 1', index:'data 1', width:90}, 
          {name:'data 2', index:'data 2', width:80, align:'right'}            
        ],
        rowNum:10,
        rowList:[10,20,30],
        sortname: 'ID',
        sortorder: 'desc',
        viewrecords: 'true',
        caption: 'Administration', width:"920",
        shrinkToFit:'false', }
    );
  
    jQuery("#list").jqGrid({
      onSelectRow: function(id){ alert('Selected row ID ' + id); }
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>My grid shows up with data loading in, but when i click any row, nothing happens.</p>