Perché l'evento di invio di un modulo non viene attivato (jQuery)?

Question

Ho una forma di layout + in questo modo:

<form ...> 
    <div id="editor"> 
     [form html] 
     <input type="submit" value="Submit form" /> 
    </div> 
</form> 

E il seguente javascript:

$(function() { 
    var form = $('#editor').parents('form'); 
    alert(form.length); // this alerts "1" 
    $(document).on('submit', 'form', function() { 
     alert('document form submit fired'); // this works as expected (alerts) 
    }); 
    form.on('submit', function() { 
     alert('selected form submit fired'); // this is never alerted 
    }); 
}); 

Questo modulo non viene caricato tramite la tecnologia AJAX. Quando la pagina viene caricata, la prima finestra di dialogo avvisa "1". Tuttavia, quando si invia il modulo, viene generato un solo avviso, quello che attiva l'invio per tutti i moduli nel documento.

Perché ciò accadrebbe?

Answer 1

It does work. Sta succedendo qualcos'altro che impedisce al secondo allarme di sparare.

Answer 2

Il selettore di modulo è errato.

cercare di fare questo

$("form").on('submit', function() { 

abbastanza sicuro che questo dovrebbe funzionare

In realtà se non viene caricata tramite ajax o dinamicamente tramite JavaScript

Si può solo fare

$("form").submit(function() { 

EDIT

Scratch my above. Non ti ho visto impostare il valore del modulo. Controlla http://jsfiddle.net/s3fvM/1/. Sembra che stia funzionando bene per me. entrambi stanno sparando e allertando.