Prevent submit of a form that is loaded via ajax [duplicate]

Question

I have a jquery ajax call that load a form inside a div and I want to prevent submit of this form but if I use jquery submit function with

$("form").submit(function(e){
  e.preventDefault(e);
  alert('submit intercept');
});

It does not work if I place in a external js file but works if I put in a script tag after the form that loaded via ajax call.

Answer 1

You can use $(document) selector and on() method for elements that are dynamically generated:

$(document).on('submit', 'form', function(e) {
    e.preventDefault();
    alert('submit intercept');
});