Ajax之后提交更新的表单的问题

Question

我正在使用ajax填充购物车。在购物车中，我有一个带有加号和减号按钮的数量字段。然后，我得到了另一个按钮，该按钮一旦单击便应该提交。

这是代码：

<input 
  type='button' 
  value='+' 
  class='qtyplus CartCount' 
  field='updates_{{ item.id }}' />
<input 
  name="updates[]" 
  id="updates_{{ item.id }}" 
  class="quantity CartCount" 
  value="{{ item.quantity }}" />
<input 
  type='button' 
  value='-' 
  class='qtyminus CartCount' 
  field='updates_{{ item.id }}' />
<input 
  name="update" 
  value="{{ 'cart.general.update' | t }}" 
  class="qty-remove small small--hide ajax-submit" />

还有JS：

var form = document.getElementById("test-form");
$('.cart-container').on("click",'.ajax-submit', function(){
  form.submit();
});

但是，当我单击更新按钮时，购物车中的数量不会更新。有什么想法吗？