title: <script> tag at bottom causing $(document).ready to fail
body: <p>I was following the snippets from html5boilerplate.com (as well as something that is recommended by yahoo) that we should put the scripts at the bottom of the page (of my site's main page).</p>
  
  <p>I am also following SPI (Single page interface) - meaning I will load the content area only via ajax for any new page visit.</p>
  
  <p>My page structure is..</p>
  
  <pre><code>&lt;body&gt;
  &lt;header /&gt;
  &lt;div id="content" /&gt;
  &lt;footer /&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Now issue is ..
  I load JQuery at the end of main page. But I need some javascript to get executed on the child page which would be loaded in content div. So if I write 
      <code>$(document).ready(..)</code>
  in the child page, it will crib about "$ is not defined".</p>
  
  <p>Any suggestions?</p>