title: DataTables.js not loaded
body: <p>dI'm using <a href="https://www.datatables.net/" rel="nofollow">DataTables.js</a> on my web MVC application.
  Here's my links:</p>
  
  <pre><code>&lt;link href="@Url.Content("~/Content/datatables/jquery.dataTables.css")" rel="stylesheet" type="text/css" /&gt;
  @Scripts.Render("~/bundles/jquery");
  &lt;script type=" text/javascript" src="@Url.Content("/Scripts/datatables/jquery.dataTables.min.js")"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="@Url.Content("/Scripts/datatables/tables/table.js")"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I can't understand, but my jQuery library loading twice(2times i catch breakpoint), jquery.dataTables.min.js - not loading.
  Then I checked sources in browser - everything correct - js files in place.</p>
  
  <p>I catch error message when I trying to show my grid:</p>
  
  <pre><code>var dataSet = [
      ['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'],
      ['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C'],
      ['Trident', 'Internet Explorer 5.5', 'Win 95+', '5.5', 'A'],
      ['Trident', 'Internet Explorer 6', 'Win 98+', '6', 'A'],
      ['Trident', 'Internet Explorer 7', 'Win XP SP2+', '7', 'A'],
      ['Trident', 'AOL browser (AOL desktop)', 'Win XP', '6', 'A']
  ];
  
  $(document).ready(function () {
      $('#customTable').html('&lt;table cellpadding="0" cellspacing="0" border="0" class="display" id="example"&gt;&lt;/table&gt;');
  
      $('#example').dataTable({
          "data": dataSet,
          "columns": [
              { "title": "Engine" },
              { "title": "Browser" },
              { "title": "Platform" },
              { "title": "Version", "class": "center" },
              { "title": "Grade", "class": "center" }
          ]
      });
  });
  </code></pre>
  
  <p>Uncaught TypeError: $(...).DataTable is not a function</p>
  
  <p>PS: my boundle scripts:</p>
  
  <pre><code>bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                          "~/Scripts/jquery-{version}.js"));
  
              bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                          "~/Scripts/jquery-ui-{version}.js"));
  
              bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                          "~/Scripts/jquery.unobtrusive*",
                          "~/Scripts/jquery.validate*"));
  
              // Use the development version of Modernizr to develop with and learn from. Then, when you're
              // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
              bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                          "~/Scripts/modernizr-*"));
  
              bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
  
              bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                          "~/Content/themes/base/jquery.ui.core.css",
                          "~/Content/themes/base/jquery.ui.resizable.css",
                          "~/Content/themes/base/jquery.ui.selectable.css",
                          "~/Content/themes/base/jquery.ui.accordion.css",
                          "~/Content/themes/base/jquery.ui.autocomplete.css",
                          "~/Content/themes/base/jquery.ui.button.css",
                          "~/Content/themes/base/jquery.ui.dialog.css",
                          "~/Content/themes/base/jquery.ui.slider.css",
                          "~/Content/themes/base/jquery.ui.tabs.css",
                          "~/Content/themes/base/jquery.ui.datepicker.css",
                          "~/Content/themes/base/jquery.ui.progressbar.css",
                          "~/Content/themes/base/jquery.ui.theme.css"));
  </code></pre>
  
  <p>Where is my mistake?</p>