Как вывести значения динамически сформированных input type=number в корзину?

Question

[Борис]

php код:

<?php foreach ($catalog as $catalogItem):?>
  	<tr class="item_box">
  	   <td><h1><?php echo $catalogItem['name'];?></h1></td>
	   <td><div class="item_price"><?php echo $catalogItem['price'];?></div></td>
	   <td><input type=number  id="kol"  value="" ></td>
	   <td><button class="add_item"  data-id="<?php echo $catalogItem['id_product'];?>" data-title="<?php echo $catalogItem['name'];?>" data-price="<?php echo $catalogItem['price'];?>">добавить в заказ</button></td></tr>	
 <?php endforeach; ?>

кусок js:

addToCart: function(e) {
      e.preventDefault();
      itemData = $(this).data();
			if(typeof itemData.id === 'undefined') {
				console.log('Отсутствует ID товара');
				return false;
			}
      cartData = actions.getStorage() || {};
      if (cartData.hasOwnProperty(itemData.id)) {
        cartData[itemData.id].count = parseInt(cartData[itemData.id].count)+parseInt($('#kol').val());
      } else {
      itemData.count = $('#kol').val();  
      cartData[itemData.id] = itemData;
      }
      actions.setStorage(cartData);
      actions.changeTotalCnt(1);
      label.show();
			if(opts.openByAdding) {
				actions.openCart();
			}
      return false;
    }

Первый товар добавляется и изменяется количество как положено, а вот следующие идут с количеством от первого инпута, т.к имеют одинаковый id. Если в id записать переменную
id="<?php echo $catalogItem['id_product'];?>", тогда как получить value для каждого товара ?
Буду благодарен если кто-нибудь направит на верный путь .

Comments

[0xD34F]

$(`#${itemData.id}`).val()