title: Sudden jQuery Failure
body: <p>So I've logged onto a client's site this morning (it's an intranet that monitors vehicle usage etc). jQuery is a decent part of the site but all of a sudden it's failed with these console errors:</p>
  
  <blockquote>
    <p>jquery.js:1Uncaught SyntaxError:
    Unexpected token :
    www.mydomain.com:21Uncaught
    ReferenceError: jQuery is not defined
    www.mydomain.com:50Uncaught
    ReferenceError: $ is not defined</p>
  </blockquote>
  
  <p>The only thing that I've changed in the past week is adding a charset and altering the doctype to:</p>
  
  <pre><code>&lt;? header("Content-Type: text/html; charset=UTF-8"); ?&gt;
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd"
      &gt;
  </code></pre>
  
  <p>I think this might be the problem but removing the header() and DOCTYPE doesn't fix the issue. Any ideas what could be going on?</p>
  
  <p>Edit 1:
  Chrome Inspector shows nothing has failed to load.</p>
  
  <p>Edit 2: Head Section</p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Intranet&lt;/title&gt;
      &lt;link href="/intranet/style/default.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script type="text/javascript" src="/intranet/js/jquery.js"&gt;&lt;/script&gt;
      &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
      &lt;script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAb-ZNlr3CQw5Wb5StE921RxSRXiZIiheENMB8Q6Efuo3Cg-x8OhRoSG-6YA6TMItzJlsBO4hkest8jw" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          //too much jQuery to post but it's always worked
      &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>