Piszę formularz, w którym niektóre elementy wprowadzania tekstu są ładowane dynamicznie po zmianie listy wyboru.

Problem polega na tym, że po przesłaniu formularza elementy te nie są wysyłane w danych wysyłanych na serwer.

Co muszę zrobić, aby te dynamicznie utworzone elementy „w” przesłać do formularza?

Kod wygląda mniej więcej tak:

$("#my_select_id").change(function() {
    $.ajax({
        type: "GET",
        url: "some-url/" + $("#played_number_game_id").children("option:selected").val(),
        async: false, 
        dataType: "html",
        error: function(XMLHttpRequest, status, errorThrown) {
            alert("oh no!");
            alert(status);
        },
        success: function (data, status) {
            $("#parent-element").html("");
            $("#parent-element").append(data);
        },
        complete: function() {
        }
    });

    $("#my_form_submit").click(function() {
        $("#my-form").ajaxSubmit({ clearForm: true }); 
        return false;
    });
});

HTML zwrócony przez wywołanie ajax to:

<input id="my-form_e_1" class="number-input" type="text"/>
<input id="my-form_e_2" class="number-input" type="text"/>

I jeśli użyję firebug do obejrzenia strony po wywołaniu metody ajax, dynamicznie załadowany HTML znajduje się dokładnie w hierarchii, gdzie powinien być ... tj. jest w formie.

Ale kiedy klikam przycisk wysyłania, publikowane są tylko elementy formularza, które istniały przed wywołaniem ajax.

Jakieś pomysły?