title: jquery ui css not loading and creating problems with asp.net mvc3 page (unexpected token error)
body: <p>First off, I can see that my mvc3 project already had jquery ui in it but no theme css files. </p>
  
  <p>I needed a date picked and as usual needed to override the EditorFor DateTime. I started off today by just using the default jquery ui js files supplied with the project under scripts. The date picker shows up fine, only with a completed messed up UI based on Site.css.</p>
  
  <p>So now I downloaded a build of jquery (with the <strong>start</strong> theme) and followed <a href="http://www.asp.net/ajaxLibrary/jquery_ui_mvc_intro.ashx" rel="nofollow noreferrer">this page</a> about how to put it together.</p>
  
  <p>I'm using T4MVC so my page looks like this:<br>
  <strong>Layout.cshtml</strong>:</p>
  
  <pre><code>&lt;script src="@Links.Scripts.jquery_1_4_4_js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="@Links.Content.Site_css" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="@Links.Content.start.jquery_ui_1_8_7_custom_css" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>Create.cshtml</strong></p>
  
  <pre><code> &lt;script src="@Links.Scripts.jquery_validate_min_js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Links.Scripts.jquery_validate_unobtrusive_min_js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Links.Scripts.jquery_ui_1_8_7_custom_min_js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And this is the result:<br>
  <img src="https://i.stack.imgur.com/5gdfO.jpg" alt="alt text"></p>
  
  <p>Any ideas, I tried a couple combinations of where I put the script and css files tags in different places, but nothing seems to work.</p>
  
  <hr>
  
  <p><strong>Update</strong>: So I was a dumbhead to have a <code>&lt;script&gt;</code> instead of a <code>&lt;link&gt;</code> tag in the layout! But there is still a problem, the date picker shows with the css from <em>Site.css</em>.<br>
  <img src="https://i.stack.imgur.com/IkcI7.jpg" alt="alt text"></p>
  
  <hr>
  
  <p><strong>Update 2: With Solution</strong></p>
  
  <p>So I checked chrome and under resources I can't see the jquery css file. I fire fiddler and I don't see any request for the css file. </p>
  
  <p>The I see it!</p>
  
  <p><code>&lt;link href="@Links.Content.start.jquery_ui_1_8_7_custom_css" **rel="Stylesheet"** type="text/css" /&gt;</code></p>
  
  <p>Yes! Thats right, I didn't add a rel!</p>