jquery - ダイアログボックスが正しく機能しない

Question

 function showPopup(){
     var popup = $('<div>').dialog();
     popup.html('<div id="mydiv"></div>');
     for (var i=1; i<5; i++)
         setContent($('#mydiv'));
         popup.dialog("option", "buttons", {"Add":function(){
         //code to add 
         $(this).dialog('close');


      $(this).dialog('destroy');},"Cancel":function(){
           //code to add 
           $(this).dialog('close');
           $(this).dialog('destroy');
                                              },    
      });   
      }

      function setContent(container){       
            container.append('<p>sadfsdfsdfsdfdsf</p>');        
      }

「追加ボタン」をクリックすると、showPopup関数が呼び出され、setContentメソッドからコンテンツを設定するダイアログボックスが表示されます。最初のクリックではコンテンツが正しく表示され、それ以降のクリック（前のダイアログを閉じた後）ではコンテンツは表示されません。

誰でもこれを手伝ってもらえますか？

Answer 1

使用する

 <div class = "mydiv"></div>

id="mydiv"の代わりに