title: Data table JQuery with MVC Razor Uncaught TypeError: undefined is not a function
body: <p>I hope you can help me.</p>
  
  <p>I'm trying Datatable using JQuery but it shows me the following error Uncaught TypeError: undefined is not a function when I call the function:</p>
  
  <pre><code>     $ ('#tablaUsuarios').dataTable()
  </code></pre>
  
  <p>And load plugins needed</p>
  
  <pre><code>@Styles.Render("~/Content/DataTables-1.10.4/css/jquery.dataTables.min.css")
  @Scripts.Render("~/Scripts/jquery-2.1.3.min.js")
  @Scripts.Render("~/Scripts/DataTables-1.10.4/jquery.dataTables.min.js")
  </code></pre>
  
  <p>from the master page.</p>
  
  <p>Add the following script to load the Data table but it shows me the error Uncaught TypeError: undefined is not a function when I call the function Datatable</p>
  
  <pre><code>     &lt;script type="text/javascript"&gt;
        $(document).ready(function () {
  
       $('#tablaUsuarios').dataTable({  &lt;----Here is the error
          "bServerSide": true,
          "sAjaxSource": "RegUsuarios/DataTableUsuarios",
          "bProcessing": true,
          "aoColumns": [{
              "sName": "Id",
              "bSearchable": false,
              "bSortable": false,
              "fnRender": function (oObj) {
                  return '&lt;a href=\"Details/' +
                              oObj.aData[0] + '\"&gt;View&lt;/a&gt;';
              }
  
          },
          { "sName": "Nombre" },
          { "sName": "Correo" },
          {"sName":"Nombre de Usuario"}
  
          ]
      });
  });
     &lt;/script&gt;
  </code></pre>
  
  <p>And this is my html code</p>
  
  <pre><code>    &lt;table id="tablaUsuarios" class="display" cellspacing="0"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Nombre&lt;/th&gt;
          &lt;th&gt;Correo&lt;/th&gt;
          &lt;th&gt;Nombre de usuario&lt;/th&gt;
          &lt;th&gt;Empresa&lt;/th&gt;
          &lt;th&gt;Rol&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tfoot&gt;
      &lt;tr&gt;
          &lt;th&gt;Nombre&lt;/th&gt;
          &lt;th&gt;Correo&lt;/th&gt;
          &lt;th&gt;Nombre de usuario&lt;/th&gt;
          &lt;th&gt;Empresa&lt;/th&gt;
          &lt;th&gt;Rol&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/tfoot&gt;
  &lt;tbody&gt;&lt;/tbody&gt;
  </code></pre>
  
  <p></p>