jquery-ui-dialog: why does clicking on elements inside dialog spawn more dialogs?
<pre><code>$(top.document).ready(function () {   

   $(document).click(processAction);



function processAction(e){
    var clicked = e.target;
newDialog("You've Clicked On A Link !")

function newDialog(mytitle){
   var $dialog = $('&lt;div id="myunique"&gt;&lt;/div&gt;')
        .html("&lt;a href='http://sss.com'&gt;click&lt;/a&gt;")
        .dialog({
            autoOpen: false,
            modal: true,
            title: mytitle
        });
    $dialog.dialog('open');
    return false
}

});
</code></pre>

<p>The problem I am having is that when I click anywhere in the dialog, a new dialog popups, and it seems to produce several of these in a row.</p>

<p>My goal is:
catch all the clicks on page EXCEPT the elements inside the dialog.</p>
