Кнопка "добавления в корзину" работает не совсем коректно
Есть кнопка "В корзину" под каждым товаром с помощью которого добавляется товар в корзину. При открытии карточки товара и добавлению его в корзину, Скажем +3 товара. Открывая следующий товар, там уже на кнопе стоит +3, т.е продолжается счет. И соответственно на каждой новой карточке товара так же.
<div class="modal product-modal" style="display: none;" id="productModal">
<div class="modal__inner" id="msProduct">
<button class="modal-close"></button>
<div class="product-modal__columns">
<div class="product-modal__image">
<img src="img/1x1.png" class="card__filler" alt="">
</div>
<div class="product-modal__content">
<div class="modal-title" data-field="pagetitle"></div>
<div class="product-modal__description" data-field="introtext">
</div>
<form method="post" class="ms2_form">
<input class="modal-form-id" type="hidden" name="id" value="">
<input type="hidden" name="count" value="1">
<input type="hidden" name="options" value="[]">
<div class="product-modal__sauces" data-field="sauces">
<div class="product-modal__sauces-title" >
Добавьте к заказу
</div>
</div>
<div class="product-modal__footer">
<div class="product-count">
<div class="product-count__sign">
Количество:
</div>
<div class="cart-count">
<div class="cart-count__control" data-type="-">
-
</div>
<input type="text" name="count" value="1" class="form-control cart-count__input modal-form-count">
<div class="cart-count__control" data-type="+">
+
</div>
</div>
</div>
<div class="product-meta">
<div class="product-meta__price">
<span data-field="price"></span> ₽
</div>
<div class="product-meta__weight">
<span data-field="weight"></span> г
</div>
<input type="hidden" class="modal-form-id" name="id" value="">
<div class="product-meta__control">
<button class="btn btn-outline" type="submit" name="ms2_action" value="cart/add">В корзину</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
$('button[value="cart/add"]').on('click', function() {
var cVal = $(this).text();
if (cVal.indexOf("+") > -1) {
$(this).text("+" + (parseInt(cVal.replace("+", "")) + 1));
} else {
$(this).text("+1");
}
})
</script>