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