Mam formularz, który przesyłam przez ajax, i zwraca zaktualizowaną porcję html, która zawiera zaktualizowany formularz, który chcę przesłać za pomocą jquery.

Problem, który mam, polega na tym, że za pierwszym razem, gdy klikam, zdarzenie jest przechwytywane przez jquery i działa świetnie. Kiedy dokonuję kolejnej zmiany formularza bez odświeżania, zdarzenie nie jest przechwytywane przez jquery, ale wykonuje standardowe żądanie pocztowe.

Jak mogę mieć zachowanie dołączania jquery do elementu po jego wstawieniu.

Oto mój kod jquery.

$('.edit_clothing_product').submit(function(){
  var productDiv = $(this).parent();
  var action = $(this).attr('action');
  var formData = $(this).serialize();

  $.post(action, formData, function(data){
  productDiv.replaceWith(data);
  });
  return false;
 });

Oto (przycięty) HTML, który wracam.

<div class="product">
    <form action="..." class="edit_clothing_product">
      <div class="color_combos">
        ...{form fields}
      </div>
      <a href=".../add_color_combo" class="add_color_combo">Add Color Combo</a>
    <input name="commit" type="submit" value="Save" />
  </form>
</div>