¿Por qué el evento de envío de un formulario no se activa (jQuery)?

Question

Tengo un formulario + diseño de este modo:

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

Y la siguiente 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 
    }); 
}); 

Este formulario no se carga a través de AJAX. Cuando se carga la página, el primer diálogo alerta "1". Sin embargo, al enviar el formulario, solo se activa una alerta, la que activa el envío para todos los formularios del documento.

¿Por qué sucedería esto?

Answer 1

It does work. Está sucediendo algo más que impide que la segunda alerta se active.

Answer 2

Su selector de formulario es incorrecto.

tratar de hacer esto

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

Bastante seguro de que esto debería funcionar

En realidad, si no se carga a través de ajax o dinámicamente a través de JavaScript

Usted sólo puede hacer

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

EDITAR

Rayar mi arriba. No te vi establecer el valor de la forma. Consulte http://jsfiddle.net/s3fvM/1/. Parece estar funcionando bien para mí. ambos están disparando y alertando.