title: Loading page into div causes page's javascript to not work
body: <p>I am loading a page into a div by</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
      $("#link").click(function(e) {
          e.preventDefault();
          $("#div").load("page.php");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The page loads but the javascript that I have in page.php does not load.
  This is what I have:</p>
  
  <pre><code>&lt;script&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt;
  $(function() {
      $("#date").datePicker(); 
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>When I load page.php outside of the div (as in its own tab/window), the page works perfectly. (The above is copy-pasta from <a href="http://jqueryui.com/datepicker" rel="nofollow">http://jqueryui.com/datepicker</a>).</p>
  
  <p>What is the cause and how can I solve it?</p>