how to retain selected tab even when page reloads

[geekisthenewsexy]

Hi there. As the subject goes, when I click on a certain tab, I'd be happy if it would just "stay put" even when I click the refresh/reload button. The fetched contents are fine, it doesn't go back to the default content of the default tab when the page reloads. Only the tabs go back.. I'm using jquery here for the tabs as well as ajax to fetch contents into a div when a tab is selected. I'm a freshman to jquery and ajax so I'm clueless as of now.  Please take a look at the code I'm working..

 

		<script type="text/javascript">
	$(document).ready(function() {

	//Default Action
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("current").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {
	$("ul.tabs li").removeClass("current"); //Remove any "active" class
	$(this).addClass("current"); //Add "active" class to selected tab
	$(".tab_content").hide(); //Hide all tab content
	var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
	$(activeTab).fadeIn(); //Fade in the active content	
	return false;
	});
	});
	</script>

 

Please, do you have suggestions or ideas what or where I can put a code to make it work?? I'd be so glad if you guys can help me.  :-\

[trq]

You will need to use cookies or a server side session to remember the users last position.

[geekisthenewsexy]

thanks for  the response. but how will i able to do that? do you have like an example i can work my code with? :-\

[haku]

Lots of tutorials on the net about using cookies with javascript.