title: $(document).ready not firing?
body: <p>Such simple code, why isn't it working?
  When the page loads, it should display an alert box that reads "ready".</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;
          Title
          &lt;/title&gt;
          &lt;script type="text/javascript"&gt;
              $(document).ready(function() {
                  alert("ready");
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          Content
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I feel like it's something incredibly obvious, but I'm at a point where I can't think straight.</p>
  
  <p>I've tried both in the latest versions of Chrome and Firefox.</p>