title: MVC 4 Razor Object doesn't support property or method 'dataTable'
body: <p>I'm a noob to MVC, jquery and DataTables.  I get a Microsoft Visual Studio warning dialog when I hit F5 to build and bring up the site locally for development/debug:</p>
  
  <blockquote>
    <p>JavaScript runtime error: Object doesn't support property or method 'dataTable'</p>
  </blockquote>
  
  <p>I'm using VS 2012 with an MVC 4 project. I used the NuGet Package manager for my solution to install\update jQuery 1.8.3 and jquery.datatables 1.9.4.  Here's my Index.cshtml view code:</p>
  
  <pre><code>&lt;script src="@Url.Content("~/Scripts/jquery-1.8.3.js")" type="text/javascript"&gt;     &lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js")" type="text/javascript"&gt;&lt;/script&gt;
  
  
  &lt;script&gt;
   $(document).ready(function () {
       $('#table_id').dataTable({
      });
  });
  &lt;/script&gt;
  
  
  &lt;table id="table_id" class="display"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Column 1&lt;/th&gt;
          &lt;th&gt;Column 2&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Row 1 Data 1&lt;/td&gt;
          &lt;td&gt;Row 1 Data 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Row 2 Data 1&lt;/td&gt;
          &lt;td&gt;Row 2 Data 2&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>It seems like a referencing problem, but nothing I've tried resolves the problem!</p>
  
  <p>I've searched through the blogs, but can't find the answer, or perhaps understand what needs to changed. A direct answer would be greatly appreciated!</p>
  
  <p>Thanks!</p>