Unbind hover after click and refresh page,

Unbind hover after click and refresh page,

Hi,
 
How can i avoid hover if the mouse is focus on the link after click and refresh page?
 
Im using a template (website baker) with a menu in jQuery.
Hover effect will display a div and "click" will call a new page, but the template will refresh and the mouse will be situated in the link, so, the hover will do effect after refresh.
 
Here is one example (hover works and after do click, i want to unbind hover in the link).
 
Thanks! 
 
 

<html>
<head>
 
<script src="jquery-1.4.1.js" type="text/javascript"></script>  
<style type="text/css">
#imp {
background-color:#adadad;
display:none;
}
</style>
</head>
<body>
<div id="link">
<a id="link1" href="jq1.html">Click here! <a/>
</div>













<div id="imp">
<p> DIV appears when mouseover, out with mouseout, But not after click </p>

</div>
<div id="click">
<p> This Div is always here.</p>
</div>
<script>
$(document).ready(function(){
 
  function mouseOver()
  {
    $("#imp").css('display', 'block');
  }
  function mouseOut()
  {
    $("#imp").css('display', 'none');
  }
 
  $('#link a').hover(mouseOver, mouseOut); 
  $('#link a').mouseover(mouseOver).mouseout(mouseOut); 
  $('#link a').bind('mouseover', mouseOver).bind('mouseout', mouseOut);

















  $('#link a').click(function(e) {
    e.preventDefault();
    $('#link a').unbind('mouseover', mouseOver).unbind('mouseout', mouseOut);
  });
 
});




</script>
</body>
</html>