title: jQuery.Deferred exception: Kendo is not defined ReferenceError: Kendo is not defined
body: <p>I am trying to populate data to a kendo datagrid using MVC5. Although ,I have referenced the javascript files correctly, I get the error message jQuery.Deferred exception: Kendo is not defined ReferenceError: Kendo is not defined.</p>
  
  <p>When i see in the console window, the error is on the following line</p>
  
  <pre><code>  var carsDataSource = new Kendo.Data.DataSource({ data: cars });
  </code></pre>
  
  <p>Please see the code below</p>
  
  <p>The head section in the layout mage </p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;@ViewBag.Title - My ASP.NET Application&lt;/title&gt;
  
      @Styles.Render("~/Content/css")
      &lt;link href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css" rel="stylesheet" /&gt;
      &lt;link href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.default.min.css" rel="stylesheet" /&gt;
  
      @Scripts.Render("~/bundles/modernizr")
      @Scripts.Render("~/bundles/jquery")
  
      &lt;script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.web.min.js"&gt;&lt;/script&gt;
      @*&lt;script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"&gt;&lt;/script&gt;*@
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>DataGridController</strong></p>
  
  <pre><code> public class DataGridController : Controller
      {
          // GET: DataGrid
          public ActionResult Index()
          {
              return View();
          }
      }
  </code></pre>
  
  <p><strong>Index.html</strong></p>
  
  <pre><code>@{
      ViewBag.Title = "Index";
  }
  
  &lt;h2&gt;Index&lt;/h2&gt;
  
  
  &lt;div id="cars"&gt;&lt;/div&gt;
  
  
  &lt;script&gt;
  
      $(document).ready(function () {
  
  
          var cars = [
              { year: 2012, make: "Ferrari", model: "California" },
              { year: 2013, make: "Ferrari", model: "458 Italia" },
              { year: 2014, make: "Lambhorhini", model: "California" },
              { year: 2015, make: "Porche", model: "California" },
              { year: 2015, make: "Audi", model: "A7" },
              { year: 2016, make: "Mercedez", model: "E350" },
              { year: 2016, make: "Nisan", model: "California" },
              { year: 2015, make: "Ford", model: "California" },
              { year: 2014, make: "Jaguar", model: "California" },
              { year: 2015, make: "McLaren", model: "California" },
              { year: 2013, make: "Ferrari", model: "California" },
              { year: 2011, make: "Mercedez", model: "C200" },
              { year: 2017, make: "Mercedez", model: "GLA" },
          ];
  
          var carsDataSource = new Kendo.Data.DataSource({ data: cars });
          carsDataSource.read();
  
          $("#cars").kendoGrid({ dataSource: carsDataSource });
  
      });
  
  &lt;/script&gt;
  </code></pre>