title: WooCommerce Cart page needs to update live without the Update Cart button
body: <p>The WooCommerce shop that I am working on needs to have its Cart page update after the quantity is changed. Also, it can't have an Update Cart button as the one present by default.
  Any ideas on how do it, possibly with AJAX or any other clues?</p>
  
  <p>Any help would be fantastic!
  Currently our page's cart is similar to <a href="http://www.shoopclothing.com" rel="nofollow">http://www.shoopclothing.com</a> and it should be like <a href="http://www.shoescribe.com/" rel="nofollow">http://www.shoescribe.com/</a> for example.</p>
  
  <p>What I've tried so far:</p>
  
  <ul>
  <li><p>tried searching for the Update cart method itself but unable to find what exactly was changing the Cart subtotals.</p></li>
  <li><p>also tried using AJAX to print out the page again without reloading it. That just reloaded the full page but the quantity was still the same</p></li>
  </ul>
  
  <p>This is the script we've tried:</p>
  
  <pre class="lang-js prettyprint-override"><code> $(".product-order").on("click", "span.add", function () {
          var form = $(this).closest('form').serialize();
          $.ajax({
            type: "POST",
            url: "update_cart url",
            data: form
          }).done(function( msg ) {
              console.log(msg);
              alert("Data Saved: " + msg);
          });
    });
  </code></pre>