jquery, change jqueryui dialog box content from a ajax call in the webpage
<p><a href="http://jqueryui.com/" rel="nofollow">jqueryui</a>  is used to show a dialog box, then if there is a click the 'dialog_insider' on the dialog box ,not on the flat (correct wording?) webpage , an ajax call will be made. The file in the called through the ajax 
html:</p>

<pre><code>&lt;div id="dialog" style="border:1px solid green; width:150px; margin:auto;"&gt;
    &lt;div class="dialog_insider"&gt;this is the dialog&lt;/div&gt;
    &lt;!-- end of class dialog_insider--&gt;    
&lt;/div&gt;
&lt;!- end of id  dialog--&gt;
</code></pre>

<p>jquery:</p>

<pre><code>&lt;script type="text/javascript"&gt;    
    $(document).ready(function(){
        $("#dialog").click(function(){

            my_dialog = $(this).clone();
            my_dialog.dialog();
            $(".dialog_insider", my_dialog).click(function(){
                alert("clicked");
                $.post("replace.php",function(response){
                });
            });
        });
    });
&lt;/script&gt;
</code></pre>

<p>the file replace.php contains:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        alert("hi");
        $("dialog_insider",my_dialog).html('4444444');
    });
&lt;/script&gt;
</code></pre>

<p>I don't get any functionality(i.e. no alert, no html changing) from the replace.php page</p>

<p>I tried with <code>$("opener.dialog_insider",my_dialog).html('4444444');</code>, but no result.</p>

<p>What is the solution?</p>
