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

[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, большое спасибо, отлично работает