Мне нужно создать новый div вокруг каждого блока контента после каждого h3, чтобы он соответствовал разметке в http://jqueryui.com/demos/accordion/default.html
такой, что для повторения кодового блока:
<h3><a href="#">Section heading</a></h3>
**<div>**
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
**</div>**
<h3>next section</h3>
... etc...
Я пробовал $('h3').nextUntil('h3').wrap('<div>');, но это оборачивает div вокруг каждого элемента.
Любые другие идеи с благодарностью приняты? Спасибо.