title: I want to load the page content (in a DIV) dynamically using a hashbang URL (blah.com/#!/thingtoload), I have jQuery and Bootstrap
body: <p>I have a website with Bootstrap and jQuery (latest from the jQuery CDN) and I want to load the content of the page within a DIV (that is, only a section of the page is loaded, the Bootstrap navbar at the top stays the same as well as other things like scripts, CSS etc.) when a link is clicked.</p>
  
  <h1>Example:</h1>
  
  <p>My site URL is <a href="http://nintri.x10.mx/" rel="nofollow">http://nintri.x10.mx/</a>, and the front page is the same URL. On the page I would have a div with an id, for the purposes of this example, of <em>#pageContent</em>.
  <code>&lt;a href="#!/profile.php?user=jsa005"&gt;jsa005&amp;apos;s Profile&lt;/a&gt;</code>
  should, when clicked, load /profile.php?user=jsa005 in <em>#pageContent</em>.
  That's really all there is to it. ;)</p>