I have a button on my form. When I click that button I first ajaxpost to a webpage on the server, take inner html of the specified div and finally append that html to another div that will present a jqueryui dialog. Here's the code:
-
$('#window').html(content).
-
dialog({
-
title: title,
-
show: 'drop',
-
hide: 'drop',
-
width: 400,
-
buttons: buttons,
-
position: { my: 'center', at: 'center', of: window }
-
}
-
);
And here's the inner html of the div on the posted page:
-
<div id="cardOrder" class="cardOrder-div">
-
<form runat="server" id="frmAjax" >
-
<table class="cardOrder-tbl">
-
......
-
</form>
-
</div>
I have a problem with Chrome and Opera. When I click the button for the first time and show the jqueryui dialog with the above html content, the "form" tag is missing. But the next times when I present the dialog the form tag gets added. And if there's no form tag I cannot submit. Firefox and IE lack this problem. The form tag gets added right from the first dialog show.