title: Event listener after Ajax refresh
body: <p>I have a checkout section on my site, and I'm running this event listener on the quantity section so that every time the quantity updates based on the product clicked, the whole div reloads using AJAX (so all prices, total amounts refresh too)</p>
  
  <p>The code works once but after that, the function doesnt work anymore.</p>
  
  <pre><code>$(".cart-product-quantity").bind('keyup mouseup', function () {
    console.log("working");
    var id = $(this).attr("name");
    var quantity = $(this).val();
    $.ajax({
        url: 'assets/processes/updateCartQuantities.php',
        type: 'POST',
        data: {'id': id, 'quantity' : quantity},
        success: function(data) {
          $('.checkout-table-outer').load(document.URL +  ' .checkout-table');
        }
      }); // end ajax call
  });
  </code></pre>
  
  <p>I'm certain its due to the fact that i'm refreshing the section where <code>.cart-product-quantity</code> is located, but how do i get around it so that it will work every time?</p>
  
  <p>Thanks</p>