title: HTML + jQuery results in blank page
body: <p>I've been having trouble implementing jQuery - in particular, replicating <a href="http://www.codecademy.com/courses/web-beginner-en-jtFIC/1/1?curriculum_id=50a3fad8c7a770b5fd0007a1" rel="nofollow noreferrer">this exercise from Code Academy</a>. I understand from <a href="https://stackoverflow.com/questions/2194992/jquery-is-not-defined">this other question on Stack Overflow</a> that the <code>&lt;script&gt;</code> referencing jQuery.js needs to be placed before the <code>&lt;script&gt;</code> referencing the local JavaScript file in order for the <code>$(document).ready();</code> to be recognized. </p>
  
  <p>As such, here is index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Behold!&lt;/title&gt;
          &lt;link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/&gt;   
          &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script type='text/javascript' src='index.js'&gt;&lt;/script&gt; 
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="menu"&gt;
              &lt;h3&gt;jQuery&lt;/h3&gt;
              &lt;div&gt;
                  &lt;p&gt;jQuery is a JavaScript library that makes your websites look absolutely stunning.&lt;/p&gt;
              &lt;/div&gt;
              &lt;h3&gt;jQuery UI&lt;/h3&gt;
              &lt;div&gt;
                  &lt;p&gt;jQuery UI includes even more jQuery goodness!&lt;/p&gt;
              &lt;/div&gt;
              &lt;h3&gt;JavaScript&lt;/h3&gt;
              &lt;div&gt;
                  &lt;p&gt;JavaScript is a programming language used in web browsers.&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And then here is my index.js:</p>
  
  <pre><code>$(document).ready(function() {
      $("#menu").accordion({collapsible: true, active: false});
  });
  </code></pre>
  
  <p>In both Chrome and IE, this displays as a entirely blank page, with no trace of the jQuery <code>accordion</code> or text whatsoever.
  Please let me know if I'm overlooking something - I really appreciate the help. Thanks!</p>