Tengo un formulario que presento a través de ajax y devuelve un fragmento actualizado de html que incluye un formulario actualizado que quiero enviar a través de jquery.

El problema que tengo es que la primera vez que hago clic en enviar el evento es capturado por jquery y funciona muy bien. Cuando hago otro cambio en el formulario sin actualizar, el evento no es capturado por jquery, pero hace una solicitud de publicación estándar.

¿Cómo puedo hacer que jQuery adjunte el comportamiento a un elemento después de insertarlo?

Aquí está mi código 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;
 });

Aquí está el HTML (recortado) que devuelvo.

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