title: KendoUI Grid fails to make Ajax call on the Page Load
body: <p>I am working on a demo page for KendoUI grid and I am following example in following link almost as it is "Verbatim".</p>
  
  <p><a href="http://demos.telerik.com/aspnet-mvc/grid/index" rel="nofollow">http://demos.telerik.com/aspnet-mvc/grid/index</a></p>
  
  <p>I am not sure what am I doing wrong but it seems like the Grid is not making the first Ajax call that it is supposed to make. I am very new to both MVC and Kendo but not sure if the problem is with any particular part. Let me start with some code snippet. My Index.CsHTMl looks like following:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  @using (Html.BeginForm())
  {
      &lt;div id="clientsDb"&gt;
          @(Html.Kendo().Grid&lt;Prometheus.Core.Domain.Employee&gt;()
                .Name("employeeGrid")
                .Columns(columns =&gt;
                {
                    columns.Bound(c =&gt; c.Id).Width(140);
                    columns.Bound(c =&gt; c.FirstName).Width(190);
                    columns.Bound(c =&gt; c.LastName);
                })
                .HtmlAttributes(new {style = "height: 380px;"})
                .Scrollable()
                .Groupable()
                .Sortable()
                .Pageable(pageable =&gt; pageable
                    .Refresh(true)
                    .PageSizes(true)
                    .ButtonCount(5))
                .DataSource(dataSource =&gt; dataSource
                    .Ajax()
                    .Read(read =&gt; read.Action("ReadEmployee", "EmployeeGrid"))
                )
                )
      &lt;/div&gt;
  }
  
  &lt;style scoped&gt;
      #clientsDb {
          width: 952px;
          height: 396px;
          margin: 20px auto 0;
          padding: 51px 4px 0 4px;
          background: url('@Url.Content("~/content/web/grid/clientsDb.png")') no-repeat 0 0;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>and my controller looks like following:</p>
  
  <pre><code>public ActionResult Index()
          {
              return View();
          }
  
          [HttpGet]
          public ActionResult ReadEmployee([DataSourceRequest]DataSourceRequest request)
          {
              return Json(GetEmployees().ToDataSourceResult(request),JsonRequestBehavior.AllowGet);
          }
  
  
          public static IEnumerable&lt;Core.Domain.Employee&gt; GetEmployees()
          {
              return new List&lt;Core.Domain.Employee&gt;
              {
                  new Core.Domain.Employee
                  {
                      Id = 1,
                      FirstName = "Someone",
                      LastName = "Else"
                  },
                   new Core.Domain.Employee
                  {
                      Id = 2,
                      FirstName = "FirstName",
                      LastName = "LastName"
                  }
              };
          }
  </code></pre>
  
  <p>Which is almost replicating the behavior that is in the Demo:</p>
  
  <ol>
  <li>There is no Ajax request made from the grid when it loads the Index.cshtml</li>
  <li>When I call ReadEmployee ActionMethod by itself, it does return Json correctly. Also, when I click on any of the buttons on the "Empty" grid, it loads the same JSON.</li>
  <li>Unlike, in the example, I have added BeginForm(). It is not working with/without BeginForm.</li>
  </ol>
  
  <p>Any ideas?</p>