jQuery ui tabs anchoring, how to prevent it?

Question

Hi,

I've built a tab navigation, but everytime if i try to access the a certain div using the url with the hash #, it would then anchor to the section, is there anyway to prevent it from auto-anchoring? This is happening in FF and IE but not Safari.

My code looks like this.
JS:

$("#header").tabs({ fx: { opacity: 'toggle' } });

HTML:

<div id="header">
<ul id="navigation">
 <li><a href="#debt" class="debt">Debt</a></li>
 <li><a href="#car" class="car">Car</a></li>
 <li><a href="#home" class="home">Home</a></li>
 <li><a href="#travel" class="travel">Travel</a></li>
</ul>
<div id="debt">xxx</div>
<div id="car">xxx</div>
    <div id="home">xxx</div>
<div id="travel">xxx</div>
</div>