jQuery.get() doesn't transport form-elements in firefox

[janbuecker]

Using jQuery.get() does not transport form-elements in firefox

call: $.get('/content/ajax.php', { action: 'myAction' }, function (data) { $('#myDiv').html(data); });

expected data:

<div class="myclass">

<form name="myform" method="post" action="">

...some elements..

</form>

</div>

received data:

<div class="myclass">

...some elements..

</div>

if i place a <form></form> before the <form>-tag, the <div>-container disappears - so the data looks like:

sent:

<div class="myclass">

<form></form> <form name="myform"...>

..some elements..

</form>

</div>

recieved data:

<div class="myclass"></div>

<form name="myform"...>

..some elements..

</form>

</div>

[mgailey]

I have the same issue, but it is a POST instead of a GET. When the div's html is set, the form tag is removed completely from the resultant html

[mgailey]

Replying to mgailey:

I have the same issue, but it is a POST instead of a GET. When the div's html is set, the form tag is removed completely from the resultant html

Workaround: If you place the real form inside another tag such as span and then before the real form place an empty form tag, like so:

<div> <span> <form /> <form action="" method="post"> </form> </span> </div>

then the desired result will be rendered:

<div> <form action="" method="post"> </form> </div>

[SlexAxton]

Can you provide a live test case of this occuring on jsFiddle so we can more accurately test the problem? Thanks!

[trac-o-bot]

Automatically closed due to 14 days of inactivity.