javascript - Jquery datepicker が動的コンテンツを含む jquery ダイアログで動作しない

Question

main.jsp と dialog.jsp の 2 つの jsp ページがあります。main.jsp では、Java スクリプト関数openPopup(url, title)を呼び出してダイアログを開き、指定されたurlからダイアログのコンテンツを読み込みます。

これが私のコードです。
main.jsp

<div id="dialogDiv"></div>
<div>
     <a onclick='openPopup("/WEB-INF/views/template/dialog.jsp", "Add Address")' title="add value"></a>
</div>

ダイアログ.jsp

   <div class="loaddiv">
       <form:form method="POST" commandName="address" id="dialogForm">        
          <form:input id="livingSince" path="livingSince" cssClass="datepicker"/>
       </form:form>
   </div>

common.js

$(function(){    
$( ".datepicker" ).datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    showAnim: 'fold'
});     

});

//for pop up
function openPopup(url, title) { 
$("#dialogDiv").load(url + " .loaddiv").dialog({
    position: 'center',
    modal: true,
    resizable: true,
    bgiframe: true,
    autoOpen: true,
    //height: 450,
    width: 500,
    title: title,
    buttons: {
        Save: function () {
            $("#dialogForm").submit();
            $("#dialogDiv").dialog('close');
        //$("#dialogDiv").html('');
        },
        Cancel: function () {
            $("#dialogDiv").dialog('close');
        }
    }
   });    
}

今私の問題は、入力テキストフィールドをクリックした後、日付ピッカーがダイアログに表示されないことです。シンプルなjspページでは完全に機能していますが、ダイアログ（ポップアップ）では機能していません。
私もこの解決策を試しますが、私には起こりません。 リンク