problem getting a button on a modal message to open up another modal message.

problem getting a button on a modal message to open up another modal message.

hello, 

I am new to Jquery and am having trouble.  I want a button on a modal form to open up another modal form but for some reason it isn't happening.  The code below is basically the code from the jquery user interface demo, slightly modified.  can anyone tell me what I am doing wrong?  Oh make sure you change the src's where the JQuery files are.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />    
            <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
            <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#dialog").dialog({
                bgiframe: true,
                modal: true,
                buttons: {
                    Ok: function() {
                        $("#dialog2").dialog({
                        bgiframe: true,
                        modal: true,
                        buttons: {
                             Ok: function() {
                    }                       $(this).dialog('close');
                    }
                }
            });
        });
        </script>



    </head>

    <body>
    <div class="demo">

    <div id="dialog" title="Download complete">
        <p>
            <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
            Your files have downloaded successfully into the My Downloads folder.
        </p>
        <p>
            Currently using <b>36% of your storage space</b>.
        </p>
    </div>
    <div id="dialog2">
    <p> hopefully search listings will appear here</p>
    </div>

    </div><!-- End sample page content -->

    </div><!-- End demo -->

    <div class="demo-description">

    <p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>

    </div><!-- End demo-description -->
    </body>
    </html>