Как рассчитать общую стоимость нескольких товаров в корзине?

Question

Здравствуйте, я пытаюсь вычислить общую сумму корзины, используя JavaScript, но она показывает сумму только для первого товара! Любая помощь, пожалуйста?

Это мой JS код

  <script>
    function f(){
      var price = $('#unitprice').val();
      var quantity = $('#quantity').val();
      total = price*quantity;
      $('#total').val(total);
      return;
    };
  </script>

HTML PHP

<td class="p-price first-row"><?php echo 'LBP '.number_format($r['product_price'],0)?>/KG</td>

 <input type="hidden" id="unitprice"  value="<?php echo $r['product_price']?>" onload="f();">

<input type="text"  id="quantity" value="<?php echo $weight ?>" readonly onload="f();">

<td class="total-price first-row"><input id="total" readonly style="border:none; color:#e7ab3c; text-align:center;  font-weight: bold;"></td>

---

Это моя работа, проверьте изображение, пожалуйста!

Есть идеи, как это сделать?

Общее решение будет оценено также! Спасибо