title: Using Document.Ready in an MVC Partial
body: <p>I am trying to use an MVC Partial to render a JavaScript grid.  To do so, I have to load &amp; utilize jQuery.  However, I keep getting the following error:</p>
  
  <blockquote>
    <p>$ is not defined</p>
  </blockquote>
  
  <p>This should be simple...but apparently...it isn't.</p>
  
  <p><strong>THE PARTIAL LOOKS LIKE:</strong><br/></p>
  
  <pre><code>&lt;h2&gt;Inside the Partial&lt;/h2&gt;
  
  &lt;div id="grid"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript" defer&gt;
  
      // ERROR: $ is not defined
      $(document).ready(function () {
         // Awesome JavaScript Grid Stuff Will Go Here
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>THE VIEW LOOKS LIKE:</strong><br/></p>
  
  <pre><code>@using Web.Areas.Administration.ViewModels
  @model LookupsViewModel
  
  &lt;h1&gt;View Title&lt;/h1&gt;
  @Html.Partial(Model.PartialPath, Model.PartialModel)
  </code></pre>