Javascript-форум - Удаление сразу несколько элементов

Ребят, есть вот такая html-страничка:

<div>
<ul>
	<li id=”box_1”> *контент* </li>
	<li id=”box_2”> *контент* </li>
	<li id=”box_3”> *контент* </li>
</ul>
<ul>
	<li id=”box_1”> *контент* </li>
	<li id=”box_2”> *контент* </li>
	<li id=”box_3”> *контент* </li>
</ul>
<span>box_1*123+box_1*734+box_1*62+0</span>


<div id="clear_2" class="clear_coment">clear_1</div>

<div id="clear_1" class="clear_coment">clear_2</div> 

<div id="clear_0" class="clear_coment">clear_3</div>

Собственно, нужен скрипт, который, при нажатии на:

<div id="clear_$" class="clear_coment">clear_$</div>

Удалял бы все элементы списка (<li>), которые имеют соответствующее имя, и редактировал контент, который в span`e, а именно, удалял "box_$*$цыфра+".

К сожалению, с javascript не дружу. Всё, что смог нагуглить, кстати, на этом форуме:

$('.clear_coment').click(function(e) {
   var index=$('.clear_coment').index(this);
   $('li[id^="box_"]').eq(index).remove();
   $(this).remove();
  
});

Но, увы, всё, что он делает - это удаляет только один, первый попавшийся в списке <li>. Как сделать, чтобы он удалял ВСЕ <li> с даным именем и удалял еще часть строки, где:
box_1*$1+box_1*$2+box_1*$5+0. Нужно, чтобы удалял "box_?*$+".

UPD:Если так будет удобнее понять, то:
http://codepen.io/anon/pen/avzdjJ
Как видите, при нажатии на "clear_3" удаляется только элемент из одного списка.
А нужно, чтобы при нажатии на эту кнопку, удалялись все элементы списка с этим значением. Кроме того, чтобы удалялась часть span`a, которая начинается на этот элемент и до первого плюса (включительно)