как сделать задержку на переход к следующему элементу и событие submit?
есть формы у товара с разными размерами
<div class="box-size">
<form method="post" class="ms2_form">
<div class="number">
<label for="">XS/42</label>
<div class="data-input">
<input type="hidden" name="id" value="48">
<input type="hidden" name="options[size]" value="XS/42">
<input type="number" name="count" size="5" value="0">
<span class="plus">+</span>
<span class="minus">-</span>
</div>
<button type="submit" name="ms2_action" value="cart/add" style="display: none;"></button>
</div>
</form>
<form method="post" class="ms2_form">
<div class="number">
<label for="">S/44</label>
<div class="data-input">
<input type="hidden" name="id" value="48">
<input type="hidden" name="options[size]" value="S/44">
<input type="number" name="count" size="5" value="0">
<span class="plus">+</span>
<span class="minus">-</span>
</div>
<button type="submit" name="ms2_action" value="cart/add" style="display: none;"></button>
</div>
</form>
<form method="post" class="ms2_form">
<div class="number">
<label for="">M/46</label>
<div class="data-input">
<input type="hidden" name="id" value="48">
<input type="hidden" name="options[size]" value="M/46">
<input type="number" name="count" size="5" value="0">
<span class="plus">+</span>
<span class="minus">-</span>
</div>
<button type="submit" name="ms2_action" value="cart/add" style="display: none;"></button>
</div>
</form>
<form method="post" class="ms2_form">
<div class="number">
<label for="">L/48</label>
<div class="data-input">
<input type="hidden" name="id" value="48">
<input type="hidden" name="options[size]" value="L/48">
<input type="number" name="count" size="5" value="0">
<span class="plus">+</span>
<span class="minus">-</span>
</div>
<button type="submit" name="ms2_action" value="cart/add" style="display: none;"></button>
</div>
</form>
<form method="post" class="ms2_form">
<div class="number">
<label for="">XL/50</label>
<div class="data-input">
<input type="hidden" name="id" value="48">
<input type="hidden" name="options[size]" value="XL/50">
<input type="number" name="count" size="5" value="0">
<span class="plus">+</span>
<span class="minus">-</span>
</div>
<button type="submit" name="ms2_action" value="cart/add" style="display: none;"></button>
</div>
</form>
</div>
при клике на добавить должен скрипт обходить инпуты, и если, хоть идин из них пуст, то не добавлять
$('.product-item .cart-btn').click(function(){
$(this).closest('.product-item').find('form.ms2_form').each(function(){
if ($(this).find('input[name="count"]').val() > 0) {
$(this).submit();
}
});
});