Как я могу иметь jquery прикрепить поведение к элементу после вставки его

У меня есть форма, которую я отправляю через ajax, и возвращает обновленный кусок html, который включает обновленную форму, которую я хочу отправить через jquery.

Проблема, с которой я столкнулся, заключается в том, что в первый раз, когда я нажимаю «Отправить», событие захватывается jquery и прекрасно работает. Когда я делаю еще одно изменение в форме без обновления, jquery не захватывает событие, а выполняет стандартный пост-запрос.

Как я могу иметь jquery прикрепить поведение к элементу после его вставки.

Вот мой код 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;
 });

Вот (урезанный) HTML, который я возвращаю.

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