title: jqGrid inline edit functionality
body: <p>I want to to assign inline edit feature to my jqGrid, i.e when the cuser clicks a particular row, he should be able to edit..</p>
  
  <p>I am following this url for the jQuery code but its not working, I am not able get edit also</p>
  
  <p><a href="http://www.trirand.com/blog/jqgrid/jqgrid.html#" rel="nofollow">http://www.trirand.com/blog/jqgrid/jqgrid.html#</a></p>
  
  <p>This is my view</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table id="list"&gt;&lt;/table&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JavaScript code:</p>
  
  <pre class="lang-js prettyprint-override"><code>  &lt;script type="text/javascript"&gt;
      $(function () {
          var lastsel;
          jQuery("#list").jqGrid({
              url: '/Home/GetStudents/',
              datatype: 'json',
              mtype: 'POST',
              colNames: ['StudentID', 'FirstName', 'LastName', 'Email'],
              colModel: [
        { name: 'StudentID',sortable: false,key:true },
        { name: 'FirstName' },
        { name: 'LastName', sortable: false},
        { name: 'Email', width: 200,  sortable: false}],
        cmTemplate: {align: 'center', editable: true},
              pager: '#pager',
              width: 750,
              rowNum: 15,
              rowList: [5, 10, 20, 50],
              sortname: 'StudentID',
              sortorder: "asc",
              viewrecords: true,
              caption: ' My First JQgrid',
              onSelectRow: function (StudentID) {
  
  
                  if (StudentID != lastsel) {
  
                      lastsel = StudentID;   
                      jQuery('#list').jqGrid('restoreRow', lastsel);
                      jQuery('#list').jqGrid('editRow', StudentID, true);
  
  
                  }
  
              },
  
              editurl: '/Home/GetStudents/',
              caption: "Using events example"
  
          });
          jQuery("#list").jqGrid('navGrid', "#pager", { edit: false, add: false, del: false });
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>These are my scripts, I added</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;link href="/Content/jquery-ui-1.8.7.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="/Content/ui.jqgrid.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="/Content/ui.multiselect.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;  
  &lt;script src="/Scripts/grid.locale-en.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.jqGrid.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/rowedex3.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>