Currently I'm using jQuery on my asp.net content page (using master). I am creating a modal dialog using jquery. The div that is defined with the following code
<div id="example" class="flora" title="Information" style="display:none; visibility:hidden; text-align:left;">
<asp:Panel ID="Panel" runat="server">
Is the information you have entered correct?<br />
<asp:Label>Some labels filled when the modal appears</asp:Label>
<asp:button runat="server" OnClick="someServerSide_Function" Text="Submit" />
</asp:Panel>
</div>
There is a HTML button that gets pressed, and when the button is pressed, it calls the following code
$("#example").dialog("open");
And the modal is defined with the following code:
$("#example").dialog({
autoOpen: false,
modal: true,
height: 400,
overlay: overlayCss,
bgiframe: true
});
The Modal gets filled when the HTML button is clicked, and the ASP.NET button does not call its server side function when it is clicked. The Example div resides inside of the tags, so it should be calling the server side function. What could be wrong?