Почему не правильно формируется JSON?

Question

[Лев К]

Есть форма:

<form>
<input name="name" id="name" type="text">
<input name="email" id="email" type="email">
<input name="phone" id="phone" type="text">
</form>

Обработчик:

var arr = {};
$('form input').each(function(){
    arr[$(this).attr('id')] = $(this).val();
});

Получаю массив, ключи - id , а все значения пустые! хотя console.log($(this).val()) выдает правильное значение. Если писать

$('form input').each(function(){
    arr[$(this).attr('id')] = "blabla";
});

ключи - id, а значения blabla.
Есть конечно один нюанс, форма сначала находится в скрытом div'е, а потом переезжает в модальное окно. Но console.log печатает значение input'a

Answer 1

[vovarevenko]

Попробуйте без переезда блока. Сделайте сразу видимым и запустите процесс.
Еще, вот так нужно бы сделать:

$('form input').each(function(i, elem){
    arr[$(elem).attr('id')] = $(elem).val();
});

Comments

[Лев К]

Увы не помогли оба варианта, результаты те же
А не, помог, но когда форма прям сразу рисуется, а в модальном окне не работает

[vovarevenko]

А как она переносится в окно модальное? JS в студию.

[Лев К]

vovarevenko,
$('.modal').html($('div.my-form').html());
js проходил по форме в модальном окне (с данными) и по форме , которая в div.my-form поэтому и получались пустые значения.

[vovarevenko]

Ну вот и разобрались =)

[vovarevenko]

Лев К, вешайте обработчик только на тот блок, который размещаете в окне.

Answer 2

[Alams Stoyne]

Как вариант например можно использовать для всей формы .serialize()