Moving h3 тег внутри следующий DIV

Question

Так что я множество вещей, которые выводят так:

<h3>X</h3> 
<div> 
    <p>xxxxx</p> 
</div> 
<h3>Y</h3> 
<div> 
    <p>yyyyy</p> 
</div> 
<h3>Z</h3> 
<div> 
    <p>zzzzz</p> 
</div> 

Я хочу, чтобы превратить его в:

<div> 
    <h3>X</h3> 
    <p>xxxxx</p> 
</div> 
<div> 
    <h3>Y</h3> 
    <p>yyyyy</p> 
</div> 
<div> 
    <h3>Z</h3> 
    <p>zzzzz</p> 
</div> 

Использование JQuery, я попытался это:

$('h3').next('div').prepend(); 

Но не помогло, пожалуйста, помогите.

Answer 1

Попробуйте что-то вроде этого:

$('h3').each(function(){ 
div = $(this).next('div'); 
div.append($(this)); 
$(this).remove(); 
});