jquery - 作成後に要素に日付ピッカーを設定する

Question

入力フィールドをモーダル ブートストラップ フォーム内の日付ピッカーに設定したいので、次のようにフォームを作成しました。

$('<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>