Jquery fails to show hidden div on refresh
<p>I'm having a weird problem.</p>

<p>I have a div that is hidden via css display:none, and each page has an id on the body tag.
now when I load the pages by hitting enter in the address bar, or by a link to that page, everything loads normally, and the div that needs to be shown shows up.</p>

<p>But not if I hit the F5 button to refresh the page.</p>

<p>Super simple jquery, but doesn't work on F5? Bug? or something Im missing?</p>

<p>html</p>

<pre><code>&lt;body id="projects"&gt;
&lt;ul id="sub_navigation" class="projects"&gt;
&lt;li&gt;stuff&lt;/li&gt;
&lt;li&gt;stuff&lt;/li&gt;
&lt;/ul&gt; 
</code></pre>

<p>css</p>

<pre><code>#sub_navigation.projects{display:none;}
</code></pre>

<p>Jquery</p>

<pre><code>$(document).ready(function(){
var page = $('body').attr('id');        
$('#sub_navigation.'+page).show();  
});
</code></pre>
