JQuery Tab Ajax

JQuery Tab Ajax

I'm having a weird issue where I'm using Ajax based tabs and when I try to set a tab to selected it's loading the tab but it shows up empty. I have to physically click on the tab to make it load again and then it shows the content. In Firebug I can see that the content has loaded but it won't show up for some reason.

I have my tabs set up like:

<script>
$(function(){
$("#tabs").tabs({disabled: [1,2]});
})
</script>

<div class="demo">
<div id="tabs">
<ul>
<li><a href="step1.cfm"><span>Select Points To Transfer</span></a></li>
<li><a href="step2.cfm"><span>Select Destination Course(s) for Points<span></a></li>
<li><a href="step3.cfm"><span>Points Transfer Summary<span></a></li>
</ul>
</div>
</div>

Then after a form submit I'm doing:

<script type="text/javascript">
$(function(){
$("#tabs").tabs('enable',1);
$("#tabs").tabs('select',1);
});

</script>

Anyone have any ideas?

Thanks,
Ben