title: Datatable is not loading using Asp.net MVC
body: <p>i am creating a simple crud system for my studies. I am a beginner of Asp.net MVC.i am tring to load the data from the database but i could do the task.what i tried so far i attached below. i am created database which name is skill and have a table course tried to load it dataTable.while run the progam i got the error of 
  <strong>Error</strong></p>
  
  <pre><code>Uncaught TypeError: $(...).DataTable is not a function
      at HTMLDocument.&lt;anonymous&gt; (Index:81)
      at e (jquery-3.4.1.min.js:2)
      at t (jquery-3.4.1.min.js:2)
  </code></pre>
  
  <p><strong>Controller page</strong></p>
  
  <pre><code>public ActionResult Index()
  {
      return View();
  }
  
  public ActionResult GetSkill()
  {
      using (skillEntities sk = new skillEntities())
      {
          var course = sk.courses.OrderBy(a =&gt; a.id).ToList();
          return Json(new { data = course }, JsonRequestBehavior.AllowGet);
      }
  }
  </code></pre>
  
  <p><strong>View Page</strong></p>
  
  <pre><code> @{
          ViewBag.Title = "Home Page";
      }
      &lt;html&gt;
      &lt;head&gt;
  
          &lt;link href="~/Content/bootstrap.css" rel="stylesheet" /&gt;
          &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" /&gt;
          &lt;link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div style="width:90%; margin:0 auto" class="tablecontainer"&gt;
              &lt;a class="popup btn btn-primary" href="/home/save/0" style="margin-bottom:20px; margin-top:20px;"&gt;Add New Employee&lt;/a&gt;
              &lt;table id="myDatatable"&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th&gt;ID&lt;/th&gt;
                          &lt;th&gt;Course Name&lt;/th&gt;
                          &lt;th&gt;Fee&lt;/th&gt;
  
  
                      &lt;/tr&gt;
                  &lt;/thead&gt;
              &lt;/table&gt;
          &lt;/div&gt;
          &lt;script src="~/Scripts/jquery-3.4.1.js"&gt;&lt;/script&gt;
          &lt;script src="~/Scripts/jquery-3.4.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="~/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
          &lt;script src="~/Scripts/jquery.validate.min.js"&gt;&lt;/script&gt;
  
          &lt;script src="~/Scripts/jquery-ui-1.12.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $(document).ready(function () {
  
                  var oTable = $('#myDatatable').DataTable({
                      "ajax": {
                          "url": '/home/GetSkill',
                          "type" : "get",
                          "datatype": "json"                   
                      },              
                      "columns": [
                          { "data": "id", "autoWidth": true },
                          { "data" : "coursename", "autoWidth" : true},
                          { "data": "fee", "autoWidth": true }              
  
                      ]
                  })
              })
  
          &lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>