title: How to dynamically change URL without reloading?
body: <p>OK, this what I'm trying to do (I think Google mostly does this as well) :</p>
  
  <p><strong>Scenario A :</strong></p>
  
  <p>In page <code>/Main_Page</code> let's say there are 3 sections. When user clicks on section A "link", <code>section A</code>'s content is loaded through AJAX and embedded into the page.</p>
  
  <p><strong>Scenario B :</strong></p>
  
  <p>When <code>/Main_Page/Section_A</code> is loaded, we practically go to the very same page (as in scenario A) - <code>/Main_Page</code> and load <code>Section A</code> via AJAX - as before.</p>
  
  <hr>
  
  <p><strong>The problem :</strong></p>
  
  <p>We've got 2 identical resulting pages, but the URL is different (in the first case it'll be just <code>/Main_Page</code>, while in the second it will be <code>/Main_Page/Section_A</code>).</p>
  
  <p><strong>What I want to do :</strong></p>
  
  <ul>
  <li>In Scenario A, after loading <code>Section A</code> via AJAX, how should I do it so that the appearing URL (in the browser address bar) is <code>/Main_Page/Section_A</code> (or anything else for that matter), without any sort of redirecting, page reloading, etc?</li>
  </ul>