Jquery tabs ajax

Jquery tabs ajax

I am using jquery tabs to load content via ajax, here is my general mark up. Since I am loading content via ajax I just specify the main div and the ul with the anchors to the resource to load the content via ajax. There is no additional mark up for where the content is loaded into.

$j('#tabs').tabs( {spinner:"<img src='/images/loading.gif'/>", ajaxOptions:{error:function(xhr, status,index, anchor){$j(anchor.hash).html("Couldn't load this tab. \n\
        We'll try to fix this as soon as possible.");http://forum.jquery.com/using-jquery-ui/newtopic
        },  dataType:'script', success:function(){
        }}});

<div id="tabs">
  <ul>
    <li><a href="url to ajax resource"></li>
    <li><a href="url to ajax resource"></li>
  </ul>
</div>

This all works fine, but the anchors append a "#ui-tabs-x" to the end of the link and when they are clicks there is bit of a jumpy motion. I guess in most cases this is resolved by return false from the anchor click event. How is this handled here?

Thanks