Jquery form submit with.on()

Я пытаюсь отправить форму, созданную jquery. Форма добавляется к div, а переменные "данные" ниже создаются с использованием php, я просто опубликую самый важный код js.

Я пробовал много вещей с и без "on()", но я не получаю окно предупреждения, отображающее "1", так что я знаю, что блок кода фактически выполнен. tbh Я не понимаю, что я делая неправильное, любое объяснение было бы оценено. Заранее спасибо!

$(".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);
});

Ответ 1

Вы привязываетесь к форме до ее существования. Привяжите событие к документу и передайте селектор формы на .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);
});

Ответ 2

Вы пробовали

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