JQuery.on () send event

Question

I have a problem with .on() . I have several form elements (forms with class="remember" ), I also add another form.remember using AJAX. So, I want it to handle the send event, for example:

 $('form.remember').on('submit',function(){...}) 

but the form added in AJAX does not work.

Where is the problem? This is mistake?

Answer 1

You need to delegate the event to the document level.

 $(document).on('submit','form.remember',function(){ // code }); 

$('form.remember').on('submit' works the same as $('form.remember').submit( but when you use $(document).on('submit','form.remember' , then it will also work for the DOM added later.

Answer 2

I had a problem with the same symmetries. In my case, it turned out that my return function is missing a return statement.

For example:

  $("#id_form").on("submit", function(){ //Code: Action (like ajax...) return false; })