Установите средство выбора даты на элемент после создания

Я хочу установить поле ввода для выбора даты внутри модальной формы начальной загрузки, я создал эту форму следующим образом:

$('<div id="myModal" class="modal hide fade">' + data + '</div>').modal();

Я попытался назначить его переменной для доступа и настройки, но ничего не изменилось...

var self = $('<div id="myModal" class="modal hide fade">' + data + '</div>').modal();
self.find(".input-date").datepicker();

Есть идеи?

С уважением!

изменить код данных

<form class ="form" method="POST" action="{{ request.path }}">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3>Editar Empleado</h3>
</div>              

    <div class="modal-body">
    <p>
                <label for="input-date">Date:</label>
                <input class="input-date" type="text" />
            </p>                
    </div>
    <div class="modal-footer">
        <a href="#" data-dismiss="modal" class="cerrar btn">Cerrar</a>
        <input type="submit" class="guardar btn btn-primary" value="Guardar">
 </div>
</form>