title: Jquery/Ajax question - loading the content of a div on one page into a div on home page
body: <p>I really hope you can help me out here. I'm making a wordpress site, with 6 pages + the home page. The 6 pages have content contained within a div called #container. The content includes things like image slideshows etc, that all use various code to operate and function correctly.</p>
  
  <p>On the front page, I have an image-based navigation menu, which I have inserted into a widget within the header via an html leaf. Here's the code:</p>
  
  <pre><code>&lt;ul id="navlist"&gt;
     &lt;li id="webdesign"&gt;&lt;a href="http://mysite.com/web-design/"&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li id="branding"&gt;&lt;a href="http://mysite.com/branding/"&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li id="architecture"&gt;&lt;a href="http://mysite.com/architecture/"&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li id="writing"&gt;&lt;a href="http://mysite.com/writing/"&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li id="blog"&gt;&lt;a href="http://mysite.com/blog/"&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li id="contact"&gt;&lt;a href="http://mysite.com/contact/"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>What I want to do is every time one of these 6 links is clicked, rather than loading the entire page, I just want to load the contents of the div #container from that particular page into the div #container on the home page, or even just load the and also keep all the rich content within that div doing its thing.</p>
  
  <p>I am a total newbie when it comes to jquery/ajax, and have read and tried out a million different snippets of code, some of which half-work, and most of which don't work at all. I don't know if this is relevant, but the #container div on the site pages contain a lot of other divs, all holding different types of dynamic content.</p>
  
  <p>If anyone can help me, I'll be extremely grateful!!!</p>
  
  <p>Thanks</p>
  
  <p>Eleanor</p>