forma jQuery presentar con .on()

Question

Estoy intentando enviar un formulario creado por jQuery. El formulario se adjunta a un div y la variable 'datos' a continuación se crea utilizando php; solo publicaré el código js más importante.

Probé muchas cosas con y sin 'on()', pero no obtuve el cuadro de alerta que muestra el '1' para saber que el bloque de código se está ejecutando realmente ... tbh no entiendo lo que hago ' Estoy haciendo mal, cualquier explicación sería muy apreciada. ¡Gracias por adelantado!

$(".r5").click(function(event){ 
    var data='<select name="sForum"><option value="1">bla</option></select>'; 
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>'); 
}); 
$("form.moveform").on("submit",function(event){ 
    alert(1); 
}); 

Answer 1

Usted es vinculante para el formulario antes de que exista. Enlazar el evento para el documento, y pasar el selector de formulario para .on:

$(".r5").click(function(event){ 
    var data='<select name="sForum"><option value="1">bla</option></select>'; 
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>'); 
}); 
$(document).on("submit", "form.moveform", function(event){ 
    alert(1); 
}); 

Answer 2

has necesitado

$("inout.movethisform").on("click",function(event){ 
    alert(1); 
    $("form.moveform").submit(); 
});