jquery dialog box is not appear second time ........?
<p>I am using simple modal window dialg pop up to show a table. when i will click on   cell  of this table then another jquery dialog box pop will come and in this popup i am showing another table (dynamic content). Now problem is this both dilaog come up fine when i am accessing them first time but not working second time in google chrome (Version 19.0.1084.56 m) and working properly in mozilla (13.0.1)</p>

<pre><code>  I am giving some code snippet if there is something wrong plz help me....
 //my first function which creates simple modal dialog on which i am writing content of another page dash.jsp (creating table )
      // Maptrans.jsp page
       function clicker1(){
                          alert("modal1");
                  var divString="&lt;table&gt;"+
                 "&lt;tr&gt;"+
                              "&lt;td&gt;
                                   &lt;table&gt;
                                        &lt;div id='dash'&gt;&lt;/div&gt;
                                  &lt;/table&gt;
                             &lt;/td&gt;"+
                         "&lt;/tr&gt;
                 &lt;/table&gt;";
                       alert("modal2");
                       $("#basic-modal-content").html(divString);
                       $("#basic-modal-content").modal();
                       alert("modal3");


    //Getting data of dash.jsp and write on dash div
               $.post("dash.jsp",function(data){
                       $("#dash").html(data);
               });

 // dash.jsp function called when i will click on cell of first table
    function access(test1,facilityName,status){
       alert("dialog1");
var divString="&lt;table&gt;"+
                      "&lt;tr&gt;"+
                          "&lt;td &gt;
                              &lt;div id='rfidMove'&gt;&lt;img src='img/basic/loader0.gi/&gt;&lt;/div&gt;
                         &lt;/td&gt;"+
        "&lt;/tr&gt;
              &lt;/table&gt;";

           alert("dialog2");

$("#rfi").html(divString);

$("#rfi").dialog({  
           width: '650',
           height: '500',
           zIndex : '3000',
           modal:true, 
           title: "RFID INVENTORY DETAIL",
           overlay: { opacity: 0.1, background: 'black'},
           open: function(event, ui) {
              $("#rfidMove").css("display", "");
           },
           close: function(event, ui){

            $("#rfi").dialog('destroy');

           }
  });

    alert("dialog3");


  $.post("RfidInventory.jsp?","container="+test1+"&amp;facilityName="+facilityName+"&amp;status="+status, function(data){

         alert("dialog4");

         $("rfidMove").css("display","none");
         $("#rfi").html(data);  

      });
 }


 // In both function i am getting alert before creation of dialog but after dialog creation code not....   
I have spent alot of time to figure it out but unable to  found any solution plz help ... Thanks   
</code></pre>
