title: Issues with jqGrid sort functionality
body: <p>I am using jgGrid to bind JSON response received from web service.
  I am facing 2 issue with sort functionality-</p>
  
  <p>1.Data in grid is not sorted initially with parameters provided -</p>
  
  <pre><code>sortname: "BankName",
  sortorder: "asc",
  </code></pre>
  
  <p>2.Sort icon is not displayed on column. Neither clicking on column header works for me.</p>
  
  <p>JSON data received:</p>
  
  <pre><code>[{"Id":1,"BankId":2,"BankName":"State bank","EmployeeId":2539,"EmployeeName":"John C.","JoiningDate":"2005-07-05T00:00:00","SalaryAmount":50000.0,"Comments":""},
  {"Id":2,"BankId":2,"BankName":"State bank","EmployeeId":2232,"EmployeeName":"xxx","JoiningDate":"2001-12-23T00:00:00","SalaryAmount":30000.0,"Comments":"test"},
  {"Id":3,"BankId":4,"BankName":"National bank","EmployeeId":2322,"EmployeeName":"yyyy","JoiningDate":"2002-09-23T00:00:00","SalaryAmount":90000.0,"Comments":""},
  {"Id":4,"BankId":3,"BankName":"Punjab bank","EmployeeId":2432,"EmployeeName":"ppp","JoiningDate":"2003-01-31T00:00:00","SalaryAmount":60000.0,"Comments":" "},
  {"Id":5,"BankId":1,"BankName":"Bank of Maharashtra","EmployeeId":2892,"EmployeeName":"zzz y.","JoiningDate":"2000-10-11T00:00:00","SalaryAmount":80000.0,"Comments":"test 2"}
  ]
  </code></pre>
  
  <p>jqGrid declaration and binding:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).ready(function () {
          jQuery("#employeeSalarysGrid").jqGrid({
              height: 250,
              url: 'http://localhost:50570/api/Test/GetEmployeeSalaries',
              mtype: "GET",
              contentType: "application/json; charset=utf-8",
              datatype: "json",
              serializeGridData: function (postData) {
                  return JSON.stringify(postData);
              },
              jsonReader: {
                  root: function (obj) { return obj; },
                  page: function (obj) { return 1; },
                  total: function (obj) { return 1; },
                  records: function (obj) { return obj.length; },
                  id: "0",
                  cell: "",
                  repeatitems: false
              },
              datatype: "json",
              colNames: ['Id', 'Bank Name', 'Employee name', 'Joining date', 'Salary amount', 'Comments'],
              colModel: [
              { name: 'Id', index: 'Id', align: "center", key: true },
              { name: 'BankName', index: 'BankName', align: "center" },
              { name: 'EmployeeName', index: 'EmployeeName', align: "center" },
              { name: 'JoiningDate', index: 'JoiningDate', align: "center" },
              { name: 'SalaryAmount', index: 'SalaryAmount', align: "center" },
              { name: 'Comments ', index: 'Comments', align: "center" }
              ],
              sortname: "BankName",
              sortorder: "asc",
              viewrecords: true,
              rowNum: 10,
              rowList: [10, 15, 20],
              pager: '#employeeSalarysPager',
              caption: "Employee Salary list"
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Also note, these are 5 files i have added to page:</p>
  
  <pre><code>&lt;link href="../Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" /&gt;
  &lt;link href="../Content/jquery.jqGrid/jquery-ui-custom.css" rel="stylesheet" /&gt;
  &lt;script src="../Scripts/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="../Scripts/jquery.jqGrid.js"&gt;&lt;/script&gt;
  &lt;script src="../Scripts/i18n/grid.locale-en.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Please help me figure out why sorting is not working.</p>
  
  <p>Thanks in advance, I would really appreciate your help on this.</p>
  
  <p>Regards,</p>
  
  <p>Abhilash</p>