Wrapping an X amount of divs with a parent div

Wrapping an X amount of divs with a parent div

Hi,

I would like to wrap a single div (with id="LeftForm") around the first four divs in my form -- around the divs "EditableTextField1" to "EditableTextField4".

Starting with:

<div id="EditableTextField1"><label for="Form_Form_EditableTextField1">Name:</label>
<div><input type="text" name="EditableTextField1" value="" maxlength="20" size="20" /></div>
</div>
<div id="EditableTextField2"><label for="Form_Form_EditableTextField1">Name:</label>
<div><input type="text" name="EditableTextField1" value="" maxlength="20" size="20" /></div>
</div>
<div id="EditableTextField3"><label for="Form_Form_EditableTextField1">Name:</label>
<div><input type="text" name="EditableTextField1" value="" maxlength="20" size="20" /></div>
</div>
<div id="EditableTextField4"><label for="Form_Form_EditableTextField1">Name:</label>
<div><input type="text" name="EditableTextField1" value="" maxlength="20" size="20" /></div>
</div>
<div id="EditableTextField5"><label for="Form_Form_EditableTextField1">Name:</label>
<div><input type="text" name="EditableTextField1" value="" maxlength="20" size="20" /></div>
</div>

I want it to end up like this:

<div id="LeftForm">
<div id="EditableTextField1">...</div>
<div id="EditableTextField2">...</div>
<div id="EditableTextField3">...</div>
<div id="EditableTextField4">...</div>
</div>
<div id="EditableTextField5">...</div>


Any ideas,
THanks
Sam Miller