[Mamayoto]

Нужно при выборе checkbox вывести выбраные бренды через запятую. В теге с класом .filter-brand-add
Но text() Обєдиняет все в одну строку. Может сдесь другой подход нужен? Помогите пожалуйсто, уже второй день мучаюсь

$('.filter-block input').click(function() {
	if ($(this).is(':checked')) {
		$(this).next().addClass('checked');
	} 
	else {
		$(this).next().removeClass('checked');
	}
				
	var arr = [];	
	var c =  $('.checked').text();
	arr.push(c);
	for(var i=0; i < arr.length; i++);
	var d = arr.join(", ");
	$('.filter-brand-add').text(d);
});

<div class="filter-block">
	<ul class="checkboxes">
		<li><input type="checkbox" id="check1" /><label for="check1">Acer</label></li>
		<li><input type="checkbox" id="check2" /><label for="check2">Apple</label></li>
		<li><input type="checkbox" id="check3" /><label for="check3">Asus</label></li>
		<li><input type="checkbox" id="check4" /><label for="check4">Dell</label></li>
		<li><input type="checkbox" id="check5" /><label for="check5">Fujitsu</label></li>
		<li><input type="checkbox" id="check6" /><label for="check6">HP</label></li>
		<li><input type="checkbox" id="check7" /><label for="check7">MSI</label></li>
		<li><input type="checkbox" id="check8" /><label for="check8">Packard Bell</label></li>
		<li><input type="checkbox" id="check9" /><label for="check9">Panasonic</label></li>
		<li><input type="checkbox" id="check10" /><label for="check10">Samsung</label></li>
		<li><input type="checkbox" id="check11" /><label for="check11">Sony</label></li>
		<li><input type="checkbox" id="check12" /><label for="check12">Toshiba</label></li>
		<li><input type="checkbox" id="check13" /><label for="check13">ViewSonic</label></li>
	</ul>
</div>
<span class="filter-brand-add">Сюда вывести выбраные бренды через запятую</span>