Form tag does not get added in Chrome and Opera
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.