Dialog Box appears and then disappears
<p>When I click on the button Dialog Box it appears and disappears, I tired using different plugins and hundreds of tutorial but dunno why things not working properly maybe because, I am using ASP.Net page and its inheriting from a masterpage</p>

<p>here's the code,</p>

<pre><code>    &lt;asp:Content ID="Content4" ContentPlaceHolderID="cphSubmit" runat="server"&gt;
&lt;div id="question" style="display:none; cursor: default"&gt; 
        &lt;h1&gt;Would you like to contine?.&lt;/h1&gt; 
        &lt;input type="button" id="yes" value="Yes" /&gt; 
        &lt;input type="button" id="no" value="No" /&gt; 
&lt;/div&gt; 
   &lt;input id="test" type="submit" value="Show Dialog" /&gt; 
    &lt;script type="text/javascript" src="/_layouts/1033/jquery.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="/_layouts/1033/ui.core.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="/_layouts/1033/jquery-ui-1.7.3.custom.js

"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="JS.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
         $(document).ready(function() { 

        $('#test').click(function() { 
            $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
    }); 

    $('#yes').click(function() { 
        // update the block message 
        $.blockUI({ message: "&lt;h1&gt;Remote call in progress...&lt;/h1&gt;" }); 

        $.ajax({ 
            url: 'wait.php', 
            cache: false, 
            complete: function() { 
                // unblock when remote call returns 
                $.unblockUI(); 
            } 
        }); 
    }); 

    $('#no').click(function() { 
        $.unblockUI(); 
        return false; 
    }); 

}); 
&lt;/script&gt;

&lt;hr /&gt;
&lt;/asp:Content&gt;
</code></pre>

<p>Its a jquery plugin I downloaded from here, </p>

<p><a href="http://jquery.malsup.com/block/#dialog" rel="nofollow">Jquery Plugin I am using</a></p>
