title: Why doesn't this external JavaScript load?
body: <p>I've been futzing with this for hours trying to figure out why codemirror.js won't load in any browser <em>other than Firefox</em>. Any ideas?</p>
  
  <h2>index.html</h2>
  
  <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&gt;
      &lt;title&gt;&lt;/title&gt; 
      &lt;script src="CodeMirror/js/codemirror.js"&gt;&lt;/script&gt; 
  
      &lt;link href="Styles/Style.css" rel="stylesheet" type="text/css" /&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://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&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; 
          $(document).ready(function () { $('#container-1').tabs(); });
      &lt;/script&gt; 
      &lt;style type="text/css"&gt; /* (some css) */ &lt;/style&gt;
  &lt;/head&gt;&lt;body&gt;
  &lt;!-- (some stuff) --&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <h2>CodeMirror/js/codemirror.js</h2>
  
  <pre><code>alert("LOL");
  </code></pre>