jQuery Forum

I'm trying to put JQuery Dialog into my ASP.Net application. The problem I'm getting is that when the user clicks on the "I Agree" button I want to do some server side work and then go back to the same page with a confirmation. So the way I thought about doing it was creating a asp.net button, set to display:none and I would call this from the dialog buttons. Unfortunately I can't call ASP.Net controls from the dialog until I assign the dialog to the form: 

But if I do that, and I'm using modal=true, then the dialog buttons become "hidden" behind the dialog overlay. :( Here's the latest javascript (with previous attempts commented out).

2.         $(function () {
3. 
   
4.         //var dlg = 
5.             $("#declaration-confirmation").dialog({
6.                 autoOpen: false,
7.                 height: 400,
8.                 width: 450,
9.                 buttons: {
10.                     "I agree": function () {
11.                         $('#<%=btnAgreeTerms.ClientID%>').click();
12.                         $(this).dialog("close");
13.                     },
14.                     Cancel: function () {
15.                         $(this).dialog("close");
16.                     }
17.                 }
18.             });
19.             //dlg.parent().appendTo(jQuery("form:first"));
20.         });
21. 
    
22.         function SubmitForm() {
23.             Page_ClientValidate();
24.             if (Page_IsValid) {
25.                 //$('#declaration-confirmation').dialog({ modal: true });
26.                 $("#declaration-confirmation").dialog("open");
27.                 //$('#declaration-confirmation').dialog({ modal: true });
28.                 //$("#declaration-confirmation").parent().appendTo(jQuery("form:first"));
29.                 return false;
30.             }
31.             else {
32.                 return false;
33.             }
34.         }

Any suggestions on how to get past this problem?

Kind regards

Sidharth