title: Microsoft JScript runtime error: '$' is undefined jquery reference error
body: <p>Sorry for asking this question as this is ask many times before regarding <strong>Microsoft JScript runtime error: '$' is undefined</strong> error. I have my last project with working jquery and when i copy paste my code/.js to new project i got this error.</p>
  
  <p>I know that this error occurs when .js is not reference on head tag but i am sure that i have my referenced my .js on my masterpage.</p>
  
  <p>When i try to run developer tool(F12) and check on the scripts if it is loaded, this error shows</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;The resource cannot be found.&lt;/title&gt;
      &lt;style&gt;
          body { font-family: "Verdana"; font-weight: normal; font-size: .7em; color: black; }
          p { font-family: "Verdana"; font-weight: normal; color: black; margin-top: -5px; }
          b { font-family: "Verdana"; font-weight: bold; color: black; margin-top: -5px; }
          H1 { font-family: "Verdana"; font-weight: normal; font-size: 18pt; color: red; }
          H2 { font-family: "Verdana"; font-weight: normal; font-size: 14pt; color: maroon; }
          pre { font-family: "Lucida Console"; font-size: .9em; }
          .marker { font-weight: bold; color: black; text-decoration: none; }
          .version { color: gray; }
          .error { margin-bottom: 10px; }
          .expandable { text-decoration: underline; font-weight: bold; color: navy; cursor: hand; }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body bgcolor="white"&gt;
      &lt;span&gt;
          &lt;h1&gt;
              Server Error in '/' Application.&lt;hr width="100%" size="1" color="silver"&gt;
          &lt;/h1&gt;
          &lt;h2&gt;
              &lt;i&gt;The resource cannot be found.&lt;/i&gt;
          &lt;/h2&gt;
      &lt;/span&gt;&lt;font face="Arial, Helvetica, Geneva, SunSans-Regular, sans-serif "&gt;&lt;b&gt;Description: &lt;/b&gt;HTTP 404. The resource you are looking for (or one of its dependencies) could have been removed, had its name changed, or is temporarily unavailable. Please review the following URL and make sure that it is spelled correctly.
          &lt;br&gt;
          &lt;br&gt;
          &lt;b&gt;Requested URL: &lt;/b&gt;/Pages/Scripts/jquery-1.7.2.js
          &lt;br&gt;
          &lt;br&gt;
          &lt;hr width="100%" size="1" color="silver"&gt;
          &lt;b&gt;Version Information:&lt;/b&gt;&amp;nbsp;Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.272 &lt;/font&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  &lt;!-- 
  [HttpException]: File does not exist.
     at System.Web.StaticFileHandler.GetFileInfo(String virtualPathWithPathInfo, String physicalPath, HttpResponse response)
     at System.Web.StaticFileHandler.ProcessRequestInternal(HttpContext context, String overrideVirtualPath)
     at System.Web.DefaultHttpHandler.BeginProcessRequest(HttpContext context, AsyncCallback callback, Object state)
     at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
     at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean&amp; completedSynchronously)
  --&gt;
  </code></pre>
  
  <p>But when i run my previous project with working jquery(same .js version with same folder structure) this is what is shows when i hit developer tool</p>
  
  <pre><code>/*!
   * jQuery JavaScript Library v1.7.2
   */
  
  (function( window, undefined ) {
  
  // Use the correct document accordingly with window argument (sandbox)
  var document = window.document,
      navigator = window.navigator,
      location = window.location;
  var jQuery = (function() {
  // Define a local copy of jQuery
  var jQuery = function( selector, context ) {
        // The jQuery object is actually just the init constructor 'enhanced'
        return new jQuery.fn.init( selector, context, rootjQuery );
      },
      //Etc etc.............
  </code></pre>
  
  <p>Heres my markup code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;EDI Service&lt;/title&gt;
      &lt;link href="../Contents/Styles/Site.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="../Scripts/jquery-1.7.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../Scripts/jquery.blockUI.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../Scripts/jquery-1.7.2.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;asp:contentplaceholder id="HeadContent" runat="server"&gt;
      &lt;/asp:contentplaceholder&gt;
      &lt;script type="text/javascript"&gt;
          //MENU HIDE/SHOW TOGGLE
          function hideMenu() {
              var elem = document.getElementById('menu'); elem.style.display = 'none';
          }
          function showMenu() {
              var menu = document.getElementById('menu'); menu.style.display = 'block';
              var contents = document.getElementById('div-contents'); contents.style.display = 'block';
          }
      &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Any kind of help would be appreciated.</p>