Вывод в переменной

[xXapokalypsesXx]

Здравствуйте!
Есть HTML код:
<div class="products-list">
<div class="add_product">
<span class="name_product">Продукт 1</span>
</div>
<div class="add_product">
<span class="name_product">Продукт 2</span>
</div>
<div class="add_product">
<span class="name_product">Продукт 3</span>
</div>
</div>

Также JS:
for (var i = 1; i < 4; i++) {
var product = $('.products-list .add_product .name_product').html();
}

alert(product);

Нужно в переменную product вывести названия продуктов:
Продукт 1, Продукт 2, Продукт 3

Сейчас выводить только "Продукт 3". Пробовал записать в массив, но ничего не получилось, наверное неправильно делал. Буду очень благодарен за помощь.

[Decode]

var product = [];

$('.products-list .add_product .name_product').each(function() {
product.push( $(this).html() );
});

alert(product);

[xXapokalypsesXx]

Decode, большое спасибо, отлично работает :)