title: Load Wordpress page in a div without reloading page and while changing url
body: <p>I am coding a website for a client and they requested that because they have so many sidebar pages under one parent, that when the page link is clicked, it loads in the same area every time without the page reloading. They also requested that the URL changes on reload and that you can visit each page by going to that specific url. Unfortunately, I don't know how to do this. I have found a lot of tutorials and snippets that are half way there but they don't offer the exact functionality. </p>
  
  <p>For example, if you go here: <a href="http://lookseewatch.com/independentinsurance/commercial-insurance/" rel="nofollow">http://lookseewatch.com/independentinsurance/commercial-insurance/</a></p>
  
  <p>You'll see a long sidebar of different types of commercial insurance they offer. When you click on "Automobile," or any link for that matter, the page should be loaded into the div area on the right of the sidebar. The url then should change to reflect this change to <a href="http://lookseewatch.com/independentinsurance/commercial-insurance/automobile/" rel="nofollow">http://lookseewatch.com/independentinsurance/commercial-insurance/automobile/</a>. All of these pages are separate and dynamic in Wordpress.</p>
  
  <p>Can anyone offer me some assistance? This is currently how the sidebar is being generated:</p>
  
  <pre><code>wp_list_pages('title_li=&amp;child_of='.$post-&gt;ID.'');
  </code></pre>
  
  <p>Let me know if you need any other code from me or have any questions about the functionality.</p>
  
  <p>Thank you!</p>