history.pushState will not work
<p>Here is my JS. I am just running this code locally on my machine and I cannot get the URL to change. Is there anything wrong with this?</p>



<pre class="lang-js prettyprint-override"><code>$(document).ready(function() {

     $('#content').load('content/index.html'); 

      $('ul#nav li a').click(function(e) {

        href = $(this).attr("href");

        $('#content').load('content/' + href + '.html');

        history.pushState('', 'New URL: '+href, href);

        e.preventDefault();
    });
});
</code></pre>