tabs and datepicker

tabs and datepicker

hello,
i'm using jquery to implements tabs and datepickers.
tabs are loaded via ajax:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//IT" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  6. <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
  7. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
  8. <script src="../lib/datepicker-it.js"></script>
  9. <script type="text/javascript" src="../lib/rollover.js"></script>
  10. <link rel="stylesheet" type="text/css" media="screen" href="../css/screen.css" />
  11. <link rel="stylesheet" type="text/css" media="screen" href="../css/jqueryobject.css" />
  12. <script>
  13. $(document).ready(function() {
  14. $( "#tabs" ).tabs({
  15. load: function(event, ui) {
  16. var $curr_panel=$(ui.newPanel);
  17. $curr_panel.find(".datepicker").datepicker();
  18. }
  19. });
  20. });
  21. </script>
  22. </head>
  23. <body>
  24. <fieldset><legend>Ricerche</legend>
  25. <div id="tabs">
  26. <ul>
  27.     <li><a href="tab1.php">Tab 1</a></li>
  28.     <li><a href="tab2.php">Tab 2</a></li>
  29.     <li><a href="tab3.php">Tab 3</a></li>
  30. </ul>
  31. </div>
  32. </fieldset>
  33. </body>
  34. </html>

in each tab have datepicker defined
  1. <div id="termConsegna" name="termConsegna">
  2. <fieldset><legend>Termini Consegna</legend>
  3. <form class="cmxform" name="form_termine" id="form_termine" method="post" action="tab1.php">
  4. <input type="hidden" id="submit" name="submit" value="1">
  5. <table id="tab_termine" class="css-table">
  6. <tr>
  7. <td>da <input type="text" name="data_da1" id="data_da1" class="datepicker"  pattern="\d{1,2}/\d{1,2}/\d{4}"></td>
  8.         <td>da <input type="text" name="data_da2" id="data_da2" class="datepicker"  pattern="\d{1,2}/\d{1,2}/\d{4}"></td>
  9.         <td>da <input type="text" name="data_da3" id="data_da3" class="datepicker"  pattern="\d{1,2}/\d{1,2}/\d{4}"></td>
  10. </tr>
  11. <tr><td colspan="3"><input type="submit" value="Salva"></td></tr>
  12. </table>
  13. </form>
  14. </fieldset>
  15. </div>
when i load the tab i get the following error: 
Uncaught TypeError: undefined is not a function 
what i try to do is to make appear the datepiker ui jquery object when the user click on the input text.
i'm already using it on other pages with no tabs and it works perfectly. i have problem with tab pages.

can someone help me?