jqgrid not returning json data
<p>I am using jqgrid 4.0.0 with jquery 1.5.2.min.js. I have a search built into the MVC page.  </p>

<p>When search is clicked:</p>

<pre><code>$("#btnSearch").click(function() {
   window.location.href = '&lt;%= Url.Action("SearchEmployeesResult") %&gt;';
   });
$("#tblEmployees").jqGrid({
   url: '/Account/SearchEmployeesResult/',
   datatype: 'json',
   mtype: 'GET',
   jsonReader: { id: "EmployeeUserId" },
   colNames: ['First Name', 'Last Name', 'User Name', 'Hired Date', 'Active', 'Role(s)', 'Supervisor(s)', 'View'],
   colModel: [
              { name: 'FirstName', index: 'FirstName', width: 100, align: 'left' },
              { name: 'LastName', index: 'LastName', width: 100, align: 'left' },
              { name: 'UserName', index: 'UserName', width: 100, align: 'left' },
              { name: 'HiredDate', index: 'HiredDate', width: 100, align: 'center' },
              { name: 'Active', index: 'Active', width: 80, align: 'center' },
              { name: 'Roles', index: 'Roles', width: 240, align: 'left', sortable: false },
              { name: 'Supervisors', index: 'Supervisors', width: 240, align: 'left', sortable: false },
              { name: 'View', index: 'View', width: 100, align: 'center', sortable: false}],
    pager: '#divEmployeesPager',
    rowNum: 20,
    rowList: [5, 10, 20, 50],
    sortname: 'LastName',
    sortorder: "asc",
    viewrecords: true,
    imgpath: '&lt;%= Url.Content("~/Scripts/jqueryUI/css/ui-lightness/images") %&gt;',
    caption: 'Employees',
    height: 500,

    loadonce:true,
    gridComplete: function() {
       var ids = $("#tblEmployees").getDataIDs();
       for (var i = 0; i &lt; ids.length; i++) {
          var cl = ids[i];
          var editUrl = '\'' + '&lt;%= Url.Action("ViewPayrollEmployee") %&gt;' + '?userId=' + cl + '\'';
          be = "&lt;input style='height:22px;width:75px;' type='button' value='View' onclick=\"window.location.href = " + editUrl + ";\" /&gt;";
          //bd = "&lt;input style='height:22px;width:60px;' type='button' value='Delete' onclick=\"jqGridDeleteRow('"+cl+"');\" /&gt;";              
          $("#tblEmployees").setRowData(cl, { View: be });
                  }
              }
          });
          $('#tblEmployees').navGrid('#divEmployeesPager', { edit: false, add: false, del: false, refresh: false, search: false }, {},
            {}, {}, {}, {});
</code></pre>

<p>My controller:</p>

<pre><code>var jsonData = new {
   total = totalPages,
   //page = page,
   page = 1,
   records = totalRecords,
   rows = (
           from e in paginatedEmployees
           select new
           {
              EmployeeUserId = e.UserId,
              cell = new[] {e.FirstName,
              e.LastName,
              e.aspnet_User.UserName,
              String.Format("{0:MM/dd/yyyy}", e.HiredDate),
              e.Active.ToString(),
              String.Join(", ", e.AssignedRoles),
              String.Join(", ", e.AssignedSupervisorsWithFullName),
              String.Empty
            }
            }).ToArray(),
          };
</code></pre>

<p>I can see the right data being returned from JSON.  However, it is missing a "\".</p>
