title: jQuery(...).kendoGrid is not a function
body: <p>I am trying to create a Kendo Grid but I keep getting the same error, saying that the kendoGrid is not a function:</p>
  <p><a href="https://i.stack.imgur.com/32JlA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/32JlA.png" alt="enter image description here" /></a></p>
  <p>This is my view:</p>
  <pre><code>@model IEnumerable&lt;ModelLayer.Models.TableNotificationModel&gt;
  @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
  @addTagHelper *, Kendo.Mvc
  @using Kendo.Mvc.UI
  @{
      ViewData[&quot;Title&quot;] = &quot;Index&quot;;
  }
  
  &lt;script src=&quot;https://code.jquery.com/jquery-1.12.3.min.js&quot;&gt;
      window.rootUrl = '@Url.Content(&quot;~/&quot;)';
  &lt;/script&gt;
  &lt;script src=&quot;https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://kendo.cdn.telerik.com/2020.2.617/js/kendo.aspnetmvc.min.js&quot;&gt;&lt;/script&gt;
  &lt;h1&gt;Upload index&lt;/h1&gt;
  
  
  &lt;div&gt;
      &lt;h4&gt;Upload file&lt;/h4&gt;
      &lt;form asp-controller=&quot;Upload&quot; asp-action=&quot;Upload&quot;
            enctype=&quot;multipart/form-data&quot; method=&quot;post&quot;&gt;
          &lt;input type=&quot;file&quot; name=&quot;file&quot; /&gt;
          &lt;button type=&quot;submit&quot; id=&quot;btn&quot;&gt;Upload&lt;/button&gt;
      &lt;/form&gt;
  
      @if (ViewBag.Message != null)
      {
          &lt;script&gt;
          $(document).ready(function(){
              alert('@Html.Raw(ViewBag.Message)');
          });
          &lt;/script&gt;
      }
  
  
  &lt;/div&gt;
  
  
  &lt;div class=&quot;clearfix&quot;&gt;
      @(Html.Kendo().Grid&lt;ModelLayer.Models.TableNotificationModel&gt;()
          .Name(&quot;notificationGrid&quot;)
          .Columns(columns =&gt;
          {
              columns.Bound(c =&gt; c.OPERATOR_OBJECTID).Title(&quot;ID&quot;).Hidden();
              columns.Bound(c =&gt; c.SETTLEMENT_CODE).Title(&quot;settlement code&quot;).Width(&quot;100px&quot;);
              columns.Bound(c =&gt; c.TECHNOLOGY_CODE).Title(&quot;tech code&quot;).Width(&quot;100px&quot;);
              columns.Bound(c =&gt; c.UPLOAD_SPEED_CLASS_CODE).Title(&quot;upload&quot;).Width(&quot;100px&quot;);
              columns.Bound(c =&gt; c.DOWNLOAD_SPEED_CLASS_CODE).Title(&quot;download&quot;).Width(&quot;100px&quot;);
              columns.Bound(c =&gt; c.DATA_CATEGORY_QOS_CODE).Title(&quot;data category&quot;).Width(&quot;100px&quot;);
              columns.Bound(c =&gt; c.SHAPE).Title(&quot;shape&quot;).Width(&quot;100px&quot;);
              //columns.Bound(c =&gt; c.Message).Title(&quot;message&quot;).Width(&quot;100px&quot;);
          })
          .DataSource(dataSource =&gt; dataSource
              .Ajax()
              .PageSize(20)
              .Read(read =&gt; read.Action(&quot;Upload_Read&quot;, &quot;Upload&quot;))
              )
      )
  
  &lt;/div&gt;
  </code></pre>
  <p>I made sure not to have the jQuery script twice, so here's my _Layout.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
      &lt;title&gt;@ViewData[&quot;Title&quot;] - M20_AEK&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;~/lib/bootstrap/dist/css/bootstrap.min.css&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;~/css/site.css&quot; /&gt;
  
      
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header&gt;
          &lt;nav class=&quot;navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3&quot;&gt;
              &lt;div class=&quot;container&quot;&gt;
                  &lt;a class=&quot;navbar-brand&quot; asp-area=&quot;&quot; asp-controller=&quot;Home&quot; asp-action=&quot;Index&quot;&gt;M20_AEK&lt;/a&gt;
                  &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.navbar-collapse&quot; aria-controls=&quot;navbarSupportedContent&quot;
                          aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
                      &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;div class=&quot;navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse&quot;&gt;
                      &lt;ul class=&quot;navbar-nav flex-grow-1&quot;&gt;
                          &lt;li class=&quot;nav-item&quot;&gt;
                              &lt;a class=&quot;nav-link text-dark&quot; asp-area=&quot;&quot; asp-controller=&quot;Home&quot; asp-action=&quot;Index&quot;&gt;Home&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class=&quot;nav-item&quot;&gt;
                              &lt;a class=&quot;nav-link text-dark&quot; asp-area=&quot;&quot; asp-controller=&quot;Home&quot; asp-action=&quot;Privacy&quot;&gt;Privacy&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class=&quot;nav-item&quot;&gt;
                              &lt;a class=&quot;nav-link text-dark&quot; asp-area=&quot;&quot; asp-controller=&quot;CustomerType&quot; asp-action=&quot;LoadCustomerType&quot;&gt;Customer Type&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class=&quot;nav-item&quot;&gt;
                              &lt;a class=&quot;nav-link text-dark&quot; asp-area=&quot;&quot; asp-controller=&quot;DataCategory&quot; asp-action=&quot;LoadDataCategory&quot;&gt;Data Category&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class=&quot;nav-item&quot;&gt;
                              &lt;a class=&quot;nav-link text-dark&quot; asp-area=&quot;&quot; asp-controller=&quot;Upload&quot; asp-action=&quot;Index&quot;&gt;Upload&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/header&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;main role=&quot;main&quot; class=&quot;pb-3&quot;&gt;
              @RenderBody()
          &lt;/main&gt;
      &lt;/div&gt;
  
      &lt;footer class=&quot;border-top footer text-muted&quot;&gt;
          &lt;div class=&quot;container&quot;&gt;
              &amp;copy; 2020 - M20_AEK - &lt;a asp-area=&quot;&quot; asp-controller=&quot;Home&quot; asp-action=&quot;Privacy&quot;&gt;Privacy&lt;/a&gt;
          &lt;/div&gt;
      &lt;/footer&gt;
      &lt;script src=&quot;~/lib/jquery/dist/jquery.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;~/lib/bootstrap/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;~/js/site.js&quot; asp-append-version=&quot;true&quot;&gt;&lt;/script&gt;
      @RenderSection(&quot;Scripts&quot;, required: false)
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>This is my controller:</p>
  <pre><code>public ActionResult Upload_Read([DataSourceRequest] DataSourceRequest request)
          {
              return Json(json_read.ToDataSourceResult(request));
          }
  </code></pre>
  <p>I tried placing the Kendo and jQuery scripts in _Layout and that didn't help. I tried different formats for the columns and column menu and fields for the Kendo grid, but it still throws the same error.
  What could the issue be?</p>