title: Add jQuery DataTable to Asp.NET MVC 4 project
body: <p>I want add jQuery DataTable (<a href="http://www.datatables.net/" rel="nofollow">http://www.datatables.net/</a>) to my mvc4 site. But it's doesn't work. Doesn't show anything, table look like before adding script.</p>
  
  <p>FireBug show an error: </p>
  
  <blockquote>
    <p>TypeError: $(...).dataTable is not a function</p>
  </blockquote>
  
  <pre><code>**Admin_panel.cshtml**
  
  @model IEnumerable&lt;Rejestracja_imprez.Models.User&gt;
  
  @{
      Layout = "~/Views/Shared/_PanelAdmin.cshtml";
      ViewBag.Title = "Admin";
  }
  
      &lt;script src="~/Scripts/jquery-1.8.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.dataTables.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="~/Content/themes/base/jquery.dataTables.css" rel="stylesheet" type="text/css"/&gt;
  
      &lt;script type="text/javascript"&gt;
              $(document).ready(function () {
                  $('#myDataTable').dataTable();
              });
          &lt;/script&gt;
  
  
  &lt;table id="myDataTable"&gt;
  ....
  </code></pre>
  
  <p>In html page it's work good.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;style type="text/css" title="currentStyle"&gt;
              @import "../../media/css/jquery.dataTables.css";
          &lt;/style&gt;
          &lt;script type="text/javascript" language="javascript" src="../../media/js/jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript" charset="utf-8"&gt;
              $(document).ready(function() {
                  $('#example').dataTable();
              } );
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body &gt;
  
  &lt;table id="example" &gt;
  ...
  </code></pre>