title: Load content from external page into another page using Ajax/jQuery
body: <p>Is there a way to do this?</p>
  
  <p>page1.php
  --has </p>
  
  <pre><code>&lt;div id="main"&gt;
     &lt;div id="content"&gt;hello&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>index.php
  --has</p>
  
  <pre><code>&lt;div id="main"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can I somehow grab the data from page1.php inside of the <code>content</code> div and load it into the <code>main</code> div in my index.php?</p>
  
  <p>I have done this with the code provided at css-tricks url: <a href="http://css-tricks.com/examples/DynamicPage/" rel="nofollow">http://css-tricks.com/examples/DynamicPage/</a></p>
  
  <p>But this uses hash change events. I don't want to use the hash feature, just the load content feature, but I can't seem to isolate the code for that because I think it's built into the bbq hashchange plugin.</p>
  
  <p>Is there an Ajax way of doing it?</p>
  
  <p>Something like</p>
  
  <pre><code>$(selector).find('#main').load('#content');
  </code></pre>