title: $ is not defined - asp.net MVC 4
body: <p>With this code below, I get an error: <code>$ is not defined</code>. My question is: How it is possible? </p>
  
  <pre><code>...
  &lt;script  type="text/javascript"&gt;
      $(document).ready(function () {
          $(function () {
              $('#cb').click(function () {
                  if (this.checked) {
                      $('div#div').slideDown();
                  } else {
                      $('div#div').slideUp();
                  }
              });
          })
      });
  &lt;/script&gt;
  
  @section Scripts {
      @Scripts.Render("~/bundles/jqueryval")
  }
  
  @Scripts.Render("~/Scripts/jquery-1.7.1.min.js")
  @Scripts.Render("~/Scripts/jquery-ui-1.8.20.min.js")
  </code></pre>
  
  <p>As we can see, it load properly all of scripts:</p>
  
  <pre><code>&lt;script src="/Scripts/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery-ui-1.8.20.min.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery-1.7.1.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.unobtrusive-ajax.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.unobtrusive.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>How to resolve it?</p>