UI tabs are getting disordered

When clicking a tab while another tab is still loading (ajax-way with a file in the href) the new tab gets the title of the tab which is still loading.

this is code from http://stilbuero.de/jquery/tabs_3/ (it results in the error you can see in the attached picture):

<script src="jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="ui.tabs.pack.js" type="text/javascript"></script>
<script type="text/javascript">
  $('#container-8 > ul').tabs();
</script>

<div id="container-8">
  <ul>
    <li><a href="ahah_1.html" title="Tab one"><span>One</span></a></li>
    <li><a href="ahah_2.html" title="Tab two"><span>Two</span></a></li>
    <li><a href="ahah_3.html"><span>Three</span></a></li>
  </ul>
</div>