javascript - datepickerが動的に作成されたときのjquery datepickerのクリックの問題

Question

以下のように、ドキュメント対応メソッドのコードでjqueryを使用してdatepickerを作成しました

$(document).ready(function(){
  $("#setdate").html('<input type="text" class="datepicker">');
 });

そのため、実行時にテキストボックスが作成され、そのテキストボックスをクリックするとクラス名がdatepickerとして追加されました。ページの読み込み時に作成されるため、datepickerダイアログが表示されないため、次のコードが追加されました

 $(this).on("click", ".datepicker", function(){
     $(".datepicker").datepicker({
     changeMonth: true,
     changeYear: true 
   });
 });

最初に日付ピッカーテキストボックスをクリックすると、何も表示されませんが、次にクリックすると日付ピッカーダイアログが開きます。なぜこれが起こるのか誰でも知っていますか?