Question

How could I open a div just just after a <form> and close it before the </form> using JQuery?

I tried like this..

$("#Form1").prepend("<div id='mb_wrapper'>");

but then the <div> is opened and closed just after the <form> like this..

<form id="Form1">
    <div id="mb_wrapper"></div>
--form contents goes here
</form>

actually, I want like to achieve that:

<form id="Form1">
    <div id="mb_wrapper">
*--form goes here contents--*

</div>
</form>

How should I write my code?

Answer 1

$('#Form1').wrapInner('<div id="mb_wrapper" />');

http://jsfiddle.net/AlienWebguy/WSamg/