I have a jquery navigation menu which works but only shows the div by using an anchor tag and hash

Code:
<li><a href="#first">Menu 1</a></li>
I want to have the click to go to a genuine URL rather than having it go nowhere. I have tried setting it to a <li> element in my function but it won't show the div.

here's my code

Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
                $(function () {
                        var tabContainers = $('div.tabs > div');
                        tabContainers.hide()
						
                       
					   $('div.tabs ul.tabNavigation a').mouseenter(function () {
                                tabContainers.hide();
                                tabContainers.filter(this.hash).show();
                                $('div.tabs ul.tabNavigation a').removeClass('selected');
                                $(this).addClass('selected');
                                return false;
        				});	
						
						$('div.nav').mouseleave(function () {
							$('div.nav').hide();
					
						});
						
						$('div.tabs').mouseleave(function () {
							$('div.nav').hide();
				
						});
                });
				
        </script>
<div class="wrap">
    <div class="tabs">
        <ul class="tabNavigation">
            <li><a href="#first">Menu 1</a></li>
            <li><a href="#second">Menu 2</a></li>
            <li><a href="#third">Menu 3</a></li>
	    <li><a href="#fourth">Menu 4</a></li>
            <li><a href="#fifth">Menu 5</a></li>
        </ul>
        <div id="first" class="nav">
			<span>nav 1</span> <span>nav 2</span> <span>nav 3</span>
        </div>
        <div id="second" class="nav">
            <span>nav 4</span> <span>nav 5</span> <span>nav 6</span>
        </div>
        <div id="third" class="nav">
            <span>nav 7</span> <span>nav 8</span> <span>nav 9</span>
        </div>
		<div id="fourth" class="nav">
            <span>nav 10</span> <span>nav 11</span> <span>nav 12</span>
        </div>
		<div id="fifth" class="nav">
            <span>nav 13</span> <span>nav 14</span> <span>nav 15</span>
        </div>
    </div>
</div>
I would like to have my <li> links like this

Code:
<li><a href="http://mysite.com">Menu 1</a></li>
Can anyone advise on how to achieve this.

The original code was take from off an example on the web and I have adjusted it slightly