title: How to include js files in asp.net MVC and have a valid path on all routes
body: <p>I created a default ASP.net MVC project.  In the Master page I have the following at the top</p>
  
  <pre><code>&lt;head runat="server"&gt;
      &lt;title&gt;&lt;asp:ContentPlaceHolder ID="TitleContent" runat="server" /&gt;&lt;/title&gt;
      &lt;link href="../../Content/Site.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>I then need to add a javascript file and added the line as follows by dragging the file from the solution explorer to the page:</p>
  
  <pre><code>&lt;head runat="server"&gt;
      &lt;title&gt;&lt;asp:ContentPlaceHolder ID="TitleContent" runat="server" /&gt;&lt;/title&gt;
      &lt;link href="../../Content/Site.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>When I access a the site and look at the html from the browser I see this:</p>
  
  <pre><code>&lt;head&gt;&lt;title&gt; 
  
      Index
  
  &lt;/title&gt;&lt;link href="Content/Site.css" rel="stylesheet" type="text/css" /&gt; 
      &lt;script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;  
  &lt;/head&gt; 
  </code></pre>
  
  <p>The CSS file relative path was fixed but the JS file not.  The site will be deployed to a different folder on the server than the root which I get on my development box.</p>
  
  <p>Is there a proper way to do this?</p>