title: Kendo grid is showing json data instead of the actual grid
body: <p>I'm trying to launch a Kendo grid in a Kendo popup Window but instead of the grid showing, I'm getting the json data.</p>
  
  <p><img src="https://i.stack.imgur.com/K0FDe.png" alt="enter image description here"></p>
  
  <p>This is the code from my controller:</p>
  
  <pre><code>[HttpGet]
      public ActionResult Read([DataSourceRequest]DataSourceRequest request, int id)
      {
          var model = Service.FindOne("Cashflows", x =&gt; x.Id == id);
          var cashflows = new List&lt;flows&gt;();
  
          foreach (var cf in model.CashFlows)
          {
              var flow = new flows
              {
                  Id = cf.Id,
                  AssetId = cf.Id,
                  MortgageValue = cf.MortgageValue,
                  Year = cf.Year
              };
              cashflows.Add(flow);
          }
  
          var result = cashflows.ToDataSourceResult(request);
  
          return Json(result, JsonRequestBehavior.AllowGet);
      }
  </code></pre>
  
  <p>This is what I have in my Kendo View.</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;ViewModels.Finance.flows&gt;()
  .Name("Grid")
  .Columns(columns =&gt;
  {
      columns.Bound(p =&gt; p.Id);
      columns.Bound(p =&gt; p.AssetId);
      columns.Bound(p =&gt; p.Year);
      columns.Bound(p =&gt; p.MortgageValue);
  })
  .DataSource(dataSource =&gt; dataSource
      .Ajax()
      .Read(read =&gt; read.Action("Read", "Finance"))
      .ServerOperation(false)
      .PageSize(5)
  )
  .Pageable()
  )
  </code></pre>