DatePicker не работает при сипользование innerHTML

[AJlekceu]

Здравствуйте всем. Для личных нужд решил воспользоваться календарем DatePicker, все прекрасно работает. Но в ситуации когда с помощью JavaScript добавляю Input в document календарь не работает. вот часть кода

index.php

        <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
        <script type="text/javascript" src="js/ui.datepicker.js"></script>
        <link href="css/ui.datepicker.css" type="text/css" rel="StyleSheet">
        <script>
              $(document).ready(function(){
                   $('#basics').datepicker();
                });
        </script>
.....
<a onclick="calendar()" href="#">Календарь</a>
.....
        <div id="querybody"></div>
......

man.js

function calendar()
{
     var divQueryGroup = document.getElementById("querybody");
     divQueryGroup.innerHTML = "<input type=\"text\" size=\"10\" value=\"click here\" id=\"basics\"/>";
}

После нажатия на "Календарь" появляется поле Input, но календарь не появляется.

[Octane]

Эх опять пример копирования кода jQuery без понимания того, что он делает :-(

$(document).ready(function(){
  $('#basics').datepicker();
});

Вы выполняете действия над несуществующим объектом.
В функции «calendar» после того, как добавили <input>, выполните:

$('#basics').datepicker();

[AJlekceu]

Да. виноват. все заработало. Почитаю доки для jQuery... спасибо