Jquery remove form tag, not content

Question

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

 not remove this only the form tag




        

Answer 1

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

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

This is wrong....

$form = $('#form');

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

This one is correct...

Answer 2

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();

Answer 3

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

Answer 4

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

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

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

Answer 5

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

Should do what you need.

Answer 6

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