[Янковиц]

Добрый день. Есть следующий кусок html:

<div class="task-list">
	<div id="task-1" class="task" data-name="category">
		<p>Категории</p>
		<a href="#" class="icon-pencil">✎</a>
	</div>
	<div id="task-2" class="task" data-name="size">
		<p>Размер</p>
		<a href="#" class="icon-pencil">✎</a>
	</div>
	<div id="task-3" class="task" data-name="color">
		<p>Цвет</p>
		<a href="#" class="icon-pencil">✎</a>
	</div>
	<div id="task-4" class="task" data-name="brend">
		<p>Производитель</p>
		<a href="#" class="icon-pencil">✎</a>
	</div>
</div>

Как последовательно получить data-name всех дивов внутри task-list и присвоить им значения? Например, должно получиться:
category:10,size:20,color:30,brend:40
Спасибо