Trying to have multiple jquery dialog boxes
<p>I know there is a similar question to this one <a href="http://stackoverflow.com/questions/972316/multiple-jquery-modal-dialog-boxes-in-one-page">Multiple Jquery modal Dialog Boxes in one page?</a>
but it does not give me the answer I need</p>

<p>here is the js: </p>

<pre><code>$("#dialog").dialog({
    autoOpen:false,
    modal:true,
    show:"puff",
    hide:"puff"
});

$(".opener").click(function () {
    $("#dialog").dialog("open");
    return false;
});

$("#dialog2").dialog({
    autoOpen:false,
    modal:true,
    show:"puff",
    hide:"puff"
});

$(".opener2").click(function () {
    $("#dialog2").dialog("open");
    return false;
});
</code></pre>

<p>Even tho on #dialog2 it says autoOpen:false it auto opens anyway... does anyone have a solution? Here is my website <a href="http://timothy.techbypaul.com/" rel="nofollow">timothy.techbypaul.com</a> when you first arrive it will popup...</p>
