Доброго времени суток , есть такая структура в html

<div class='result-item'>
<span class='letter'>A</span>
</div>
<div class='result-item'>
<span  class='letter'>A</span>
</div>
<div class='result-item'>
<span  class='letter'>A</span>
</div>
<div class='result-item'>
<span  class='letter'>Б</span>
</div>
<div class='result-item'>
<span  class='letter'>В</span>
</div>

каким образом блоки с одинаковыми буквами в class='letter' обернуть в один див чтобы получилось

<div class='block-item'>
<div class='result-item'>
<span class='letter'>A</span>
</div>
<div class='result-item'>
<span  class='letter'>A</span>
</div>
<div class='result-item'>
<span  class='letter'>A</span>
</div>
</div>
<div class='block-item'>
<div class='result-item'>
<span  class='letter'>Б</span>
</div>
</div>
<div class='block-item'>
<div class='result-item'>
<span  class='letter'>В</span>
</div>
</div>

Заранее премного благодарен!