title: How to do a partial page refresh with Javascript/jQuery
body: <p>I have two separate navigable areas on my site. The lefthand column has its own navigation, and the righthand column (the main content area) has its own set of links:</p>
  
  <p><img src="https://i.stack.imgur.com/CKtQZ.png" alt="Screenshot of the Content Areas"></p>
  
  <p>I'd like to be able to press on a link on the left-hand side (like "Resume", "Email", etc.) and only load the new page within that lefthand sidebar (without refreshing the entire browser window).</p>
  
  <p>I am using divs to load the right side's (main content) navigation, and the entire sidebar's content:</p>
  
  <pre><code> &lt;script&gt;
    $.get("navigation.html", function(data){
      $(".nav-placeholder").replaceWith(data);
    });
  
    $.get("sidebar-content1.html", function(data){
      $(".sidebar").replaceWith(data);
    });
  </code></pre>
  
  <p></p>
  
  <p>I'm doing basically the same thing for the lefthand sidebar to load its three links:</p>
  
  <pre><code>&lt;script&gt;
    $.get("sidebar-navigation.html", function(data){
      $(".sidebar-nav").replaceWith(data);
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>When I press on a link that's inside the left sidebar, how do I just refresh that pink area?</p>
  
  <p>Thanks for any help!</p>