Почему не отправляются поля формы добавленные через ajax?

Question

[Leytenant]

Есть стандартная форма html.
Часть полей формы добавляются после загрузки страницы через Ajax.
Визуально все в порядке, в просмотре страницы поля присутствуют, алертом при сабмите формы выводятся.
Но в строке запроса GET уже поля отсутствуют.

<form method="get">
<input type="hidden" name="action" value="save">
<div class="load_by_ajax">
<input type="text" name="test" value="yes">
</div>
</form>

Запрос после сабмита формы:
?actio=save

JS
function load_by_ajax()
{
$.get("/cgi-bin/ajax/order.pl",
{ action: "load_by_ajax"},
function(data){
$("#load_by_ajax").html(data); // data = ''
});
}

Comments

[Игорь Воротнёв]

аякс покажите, как сабмит происходит и данные из формы берутся

[Leytenant]

ajax показал, самый простейший. Сабмит формы по кнопке, без JS.
URL с параметрами после сабмита уже не содержит поля, которое подгрузилось аджаксом.
Я как понимаю, не в синтаксисе у меня ошибка. Если есть поля полученные аджаксом, то и отправлять форму надо аджаксом,а не обычным сабмитом по кнопке input type=submit

Answer 1

[Милок Мурлыка]

У вас тут кавычка не правильно закрыта:
<input type="text" name="test" value="yes>"
надо так:
<input type="text" name="test" value="yes">

Comments

[Leytenant]

Это я для примера быстро накидал, для наглядности. Форма сабмититься нормально, но когда добавляется параметр через ajax, этот параметр не включается в запрос переданный формой.

[Антон Середний]

.on() и кастомный обработчик сабмита спасет отца демократии