обрамить содержимое в тег

[piraids]

Есть код:

<div id="block_1">
<div class="title">title</div>
<input id="val" value="" input />
</div>

Как мне добавить форму, чтобы получилось вот так:

<div id="block_1">
<form>
<div class="title">title</div>
<input id="val" value="" input />
</form>
</div>

Пробую так:

var a = $('div[id^=block_]').html();
$(a).wrap('<form></form>');

Результат ничего

И так:

var a = $('div[id^=add_pay_]').children();
$(a).wrap('<form></form>');

Результат обрамляет в форму каждый дочерний элемент

[Erolast]

var a = $('div[id^=block_]').html();
$(a).wrap('<form></form>');

Потому-что метод html() возвращает не объект jQuery, с которым можно манипулировать, а просто строку с содержимым. То есть, у тебя получается

$("<div class='title'>title</div><input id='val' value='' input />").wrap('<form></from>');

jQuery думает, что ты хочешь создать сию цепочку элементов, ну создает ее, оборачивает и все. С тем блоком он ничего не предпринимает.

var a = $('div[id^=add_pay_]').children();
$(a).wrap('<form></form>');

Метод children же да, возвращает именно объект jQuery, с которым можно манипулировать. То, что в результате обрамлен каждый элемент набора - да, правильно, так и должно быть, таково действие большинства методов jQuery. Если хочешь обрамить сразу все элементы набора, используй вместо метода wrap метод wrapAll.

[piraids]

Erolast,
спасибо за описание, пробовал также wrapAll, но почему то не срабатывает

[piraids]

верней срабатывает, но как то не правильно
т.к. у меня блоков несколько

<div id="block_1">
<div class="title">title</div>
<input id="val" value="" input />
</div><div id="block_2">
<div class="title">title</div>
<input id="val" value="" input />
</div>

а скрипт имеет такой код:

var a = $('div[id^=block_]').children();
            $(a).wrapAll('<form></form>');

то получается что оно выгребает все, и обрамляет моим тегом, т.е.

<div id="block_1">
<form>
<div class="title">title</div>
<input id="val" value="" input />
<div class="title">title</div>
<input id="val" value="" input />
</div>
</form>

[piraids]

решил проблему тем что указал еще один селектор в котором лежат блоки

var a = $('#blocks').find('div[id^=block_]').children();