Jquery remove form tag, not content

Hello i need to remove a form tag but non the content:

<for开发者_C百科m id="form">
<div> not remove this only the form tag</div>

</form>

---

$form = $('#form');
$form.replaceWith($form.html());

Should do what you need.

---

add an id or class to your div

e.g.

<form id="form">
<div class="wrapper"> not remove this only the form tag</div></form>

Then

$(".wrapper").unwrap();

---

When you remove the form tag from the DOM, all of its children elements go right with it. The only way you could achieve what you are asking is to pull all of the form tag's immediate children and append them to some other node in the DOM to keep them from disappearing from the page

---

In case you have many elements that need to be modified:

$('.element').replaceWith(function() {
  return $(this).html();
});

jsFiddle: http://jsfiddle.net/calvintennant/mdrHb/

---

$('.element').replaceWith(function() {

return $(this).html(); });

This is wrong....

$form = $('#form');

$form.replaceWith($form.html());

This one is correct...

---

if it's xml (as pages generated by dotNet), just remove the form node