ajax tabs nested in tabs

ajax tabs nested in tabs

Hi everybody i am totally new to jquery and i am trying to use the tabs plug in with the following form. Tabs nested in tabs. My problem is that i want to call the nested tags through ajax. When the tabs are loaded through ajax (as expected ) do not work because the new elements are not binded to the jquery code. can anyone help me do the binding or give me another solution that works. Thanks in advance!

the code is really simple

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link type="text/css" href="css/smoothness/ui.css" rel="stylesheet" />
<script type="text/javascript" src="js/core/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/core/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript">
$(document).ready( function(){
$("#tabContainer").tabs();
});
</script>
</head>
<body>
<img src="images/system/control.jpg" alt="" />
<div id="tabContainer">
<ul>
<li><a href="callme.php">tab1</a></li>
<li><a href="callme2.php">Tab2</a></li>
<li><a href="callme3.php">Tab3</a></li>
</ul>
</div>
</div>

</body>
</html>

and the callme.php files contain


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="call" style="background-color:#009999; height:50px;"></div>
<div id="child1">
<ul>

<li><a href="dex.php">Εικόνες</a></li>
<li><a href="dex.php">Ajax Tab</a></li>
</ul>

<p>2
</p>



</div>
</div>

</body>
</html>