title: Tabbed menu in CSS and Javascript - tab sets to active after refreshing page
body: <p>I have tabbed menu written mainly in HTML and CSS. There are 5 tabs, the first one is set to active when we first load the page. I had to add little JS script, because that active tab wouldn't change its look to "not-active" when we clicked on another tab (so we had two tabs with "active" look). Everything works fine, but if we click on, let's say, 3rd tab and then refresh website, the first tab changes its look from "not-active" to "active", so there are two tabs with "active" look. Only the styling is wrong, content in the tabs views the right content... So if we click on another tab and refresh the page, we have two tabs with "active" look, but the website still views the content from the right tab. I don't want the first tab to set its look to "active" after refreshing page. I don't know JS and I don't know how to fix it.</p>
  
  <p>Javascript:</p>
  
  <pre><code>jQuery(function($){
         $(".tabmenu").children("div").click(function(){
             $(".current").removeClass("current");
         });
     });
  </code></pre>
  
  <p>Here's the full code: <a href="http://jsfiddle.net/y5SzQ/1/" rel="nofollow">http://jsfiddle.net/y5SzQ/1/</a></p>