forms - Span button is not reacting to a click event in jQuery -

forms - Span button is not reacting to a click event in jQuery -

i'm doing complicated multistep form using parsleyjs service request , encountered weird issue today. i've got span elements treated prev/next buttons. spans works , of them not.

i've uploaded multistep form server. can check here. demo purpose, in first form input please type in1615 , go next 2 times.

in step 3 (krok 3) next button not working. isn't reacting jquery click event. $('.next').click(function(){ console.log('it should work! why not?'); });

anyone know why happens? help or advice useful me. thanks.

$(document).on()try adding apostrophes .next

$('.next').click(function(){ console.log('it should work! why not?'); });

also, didn't deep if beingness built dynamically, might improve off using

$(document).on('click','.next', function() { //console.log('it should work! why not?'); console.log('it does. work. utilize it.'); });

edit: inspected page. step 3 not part of dom when page finishes loading. pasted "in1615" input said, , step 3 through step 14 are in fact dynamically created. reason $('.next').click() listener doesn't work.again, recommend utilize $(document).on() in code snippet above, hear events triggered on dom elements built after page loads. if ever using dynamically created html, $(document).on() best practice.

jquery forms click parsley.js