I have set anchor tags in navigation section in the left to take me to different sections in my site like home, about, contact, etc.
In the contact section I have three tabs like contact, location, hello in the same order.

So when ever I click the contact in the navigation menu it should take me to the contact tab in the contact section. That is actually done. But its doing this only at page reload.
When I click on the hello tab in the contact section, go back to home and then if I again click on contact menu in navigation list its displaying me the contents of hello and not the contact. I need the contact menu to take me to the contact tab of the contact section every time and not only at page reload.

the link is http://s133036305.onlinehome.us/#home
this is the code which I have used
Navigation Menu(side bar):
<div id="navigation" class="span3">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" style "width: 220px;">
<li class="active"><a href="#home" data-toggle="tab"> Home </a></li>
<li><a href="#about" data-toggle="tab"> About Us </a></li>
<li><a href="#service" data-toggle="tab"> Services </a></li>
<li><a href="#contact" data-toggle="tab"> Contact </a></li>
</ul>
<div class="tab-content">
</div>
</div>
</div>


Contact Section:

<div class="tabbable">
<!-- Only required for left/right tabs -->
<ul id="contact" class="nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">
<h2>Address</h2>
</a></li>
<li><a href="#tab2" data-toggle="tab">
<h2>Location</h2>
</a></li>
<li><a href="#tab3" data-toggle="tab">
<h2>Contact</h2>
</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<ul style "list-style-type:none; height:500px;">
<li> Corporate Building </li>
<a href "www.leadgp.org" target="_blank">
<li> www.leadgp.org </li>
</a>
<li> No.143, </li>
<li> Dr.Jaganathan Nagar, </li>
<li> 1st Street, </li>
<li> Civil Aerodrome Post, </li>
<li> Coimbatore-641014. </li>
</ul>
</div>
<div class="tab-pane" id="tab2">
<div class "map" p">
<div id="map" style="width: 760px; height: 500px; background: url(http://geofinder.web4you.com.pl/template/loader.gif); background-repeat: no-repeat; background-position: center;">
</div>
<div style="padding-top:10px; text-align: right; width: 790px;">
</div>
</div>
<br>
<br>
</div>
<div class="tab-pane" id="tab3">
<form method="get" action="MAILTO:mail@Datacrawl.org" method="post" enctype="text/plain" id="contact-form" class="form-horizontal form1" style "height: t: 500px; <div class="control-group">
<label class="control-label" for="name"> Name* </label>
<div class="controls">
<input style "height: t: 30px;" type="text" class="span3" name="name" id="name">
</div>
</div>
<div class="control-group">
<label class="control-label" for="email"> Email </label>
<div class="controls">
<input type="text" class="span3" name="email" id="email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="address">Address</label>
<div class="controls">
<textarea class="span3 required" name="address" id="address" rows="3"></textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="number"> Phone </label>
<div class="controls">
<input style "height: t: 30px;" type="text" class "span3" 3" name "number" r" id "number" r">
</div>
</div>
<div class="control-group">
<label class="control-label" for="comments"> Message </label>
<div class="controls">
<textarea class "span3" 3" name "comments" s" id "comments" s" rows "3" 3"></textarea>
</div>
</div>
<div class="form-actions">
<button type="submit" class="submit btn btn-primary" style "font-family: 'droid sans', sans-serif;">Submit</button>
</div>
</form>
</div>
</div>