[jQuery] Calendar inside a Tab3

[jQuery] Calendar inside a Tab3


Hi
I'm working with tabs3. In one tab im loading a jsp with a form
inside. i'm trying to use datepicker inside the tab but i cant do it.
I can make the calendar works in any input text the index but no in
the tab that i have.
Here is my code, im using it in the index, then i copy and paste in
the jsp that i load in the tab but nothing happen.
What i should do to reach the elements inside the tab?
<link rel="stylesheet" href="../css/ui.tabs.css" type="text/css"
media="print, projection, screen">
<link rel="stylesheet" type="text/css" media="screen" href="../css/
datePicker.css">
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/ui.tabs.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/date.js"></script>
<script type="text/javascript" src="../js/jquery.datePicker.js"></
script>
<script type="text/javascript">
$(function() {
var $tabs = $('#container ul').tabs(3,{ cache: false }, {
click: function() {
$tabs.tabsHref(3, '/jsp/doIt.do');
}
});
    $('input.date-pick').datePicker();
});
</script>