Ich habe ein Formular, das ich über Ajax abschicke, und gebe einen aktualisierten Teil von HTML zurück, der ein aktualisiertes Formular enthält, das ich über jquery abschicken möchte.

Das Problem, das ich habe, ist, dass das Ereignis, wenn ich zum ersten Mal auf Senden klicke, von jquery erfasst wird und hervorragend funktioniert. Wenn ich das Formular erneut ändere, ohne es zu aktualisieren, wird das Ereignis nicht von jquery erfasst, sondern es wird eine Standardpostanforderung gesendet.

Wie kann ich jquery veranlassen, einem Element Verhalten zuzuweisen, nachdem ich es eingefügt habe?

Hier ist mein JQuery-Code.

$('.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;
 });

Hier ist das (reduzierte) HTML, das ich zurückgebe.

<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>