jQuery envolver conjuntos de elementos en div

Question

Hola me gustaría usar jQuery para envolver conjuntos de elementos en un div

HTML:

<h3>Title</h3> 
<ul> 
<li>Feature</li> 
<li>Feature</li> 
</ul> 

<h3>Title</h3> 
<ul> 
<li>Feature</li> 
<li>Feature</li> 
</ul> 

<h3>Title</h3> 
<ul> 
<li>Feature</li> 
<li>Feature</li> 
</ul> 

Resultado deseado:

<div class="box"> 
    <h3>Title</h3> 
    <ul> 
    <li>Feature</li> 
    <li>Feature</li> 
    </ul> 
    </div> 

<div class="box"> 
    <h3>Title</h3> 
    <ul> 
    <li>Feature</li> 
    <li>Feature</li> 
    </ul> 
    </div> 

<div class="box"> 
    <h3>Title</h3> 
    <ul> 
    <li>Feature</li> 
    <li>Feature</li> 
    </ul> 
    </div> 

Mi pregunta es similar al siguiente pero no pude obtener la solución sugerida por Russ Cam para que funcione.

Wrap three repeating div groups into one using jQuery

Gracias de antemano.

Answer 1

Prueba esto:

$(document).ready(function(){ 
$('h3').each(function(){ 
    $(this).add($(this).next()).wrapAll('<div class="box"></div>'); 
}) 
})