Specified page remain selected on page reload
<p>I will post below html and javascript to make things clear... But before I do that, I will explain a bit what I am trying to accomplish.</p>

<p>Basically I want to make some pages to open without page reload. That was successfully done. Now, I cannot find any solution on how to make that page which is clicked, to remain opened on page load/reload.</p>

<pre><code>&lt;nav&gt;
    &lt;a href="#home"&gt;Home&lt;/a&gt;
    &lt;a href="#download"&gt;Download&lt;/a&gt;
    &lt;a href="#about"&gt;About&lt;/a&gt;
    &lt;a href="#contact"&gt;Contact&lt;/a&gt;
&lt;/nav&gt;

&lt;div id="container"&gt;
&lt;div id="home"&gt;
    Home
&lt;/div&gt;

&lt;div id="download"&gt;
    Download
&lt;/div&gt;

&lt;div id="about"&gt;
    About
&lt;/div&gt;

&lt;div id="contact"&gt;
    Contact
&lt;/div&gt;
&lt;/div&gt;

$(function(){
var $menuItems = $('nav a'),
    $container = $("#container");

$menuItems.on('click', function(e) {
    e.preventDefault();
    $(this.hash, $container).delay(300).fadeIn(1000).siblings().fadeOut(1000);
});
});​
</code></pre>

<p>Thanks to Marcus Ekwall for help on the javascript!</p>

<p>Now... I am really wondering how can I use these href's to load clicked menu page when page is reloaded and also how to load home page on first visit. Cause what I get is blank page (no content) until I click on one of menu items.</p>

<p>Cheers.</p>
