JQuery .val() возвращают HTML (не значение поля ввода)

Question

Учитывая HTML:

<div id="rearGearInputContainer"> 
    <input id="rear1"></input> 
    <input id="rear2"></input> 
    <input id="rear3"></input> 
    <input id="rear4"></input> 
</div> 

В консоли Chrome I Тип:

$('#rearGearInputContainer').find("input").each(function() {return $(this).val();}) 

И результат представляет собой массив от html:

[<input id=​"rear1">​, <input id=​"rear2">​, <input id=​"rear3">​, <input id=​"rear4">​] 

... не массив значений поля ввода, как я ожидал. Может ли кто-нибудь объяснить, почему? Благодарю.

Answer 1

Вы пытаетесь вернуться в каждом методе, который я не думаю, что вы хотите. Я думаю, что вы имеете в виду использовать метод map():

var vals = $('#rearGearInputContainer').find("input").map(function() { 
    return $(this).val(); 
}).get() 

JSFiddle

Answer 2

http://jsfiddle.net/375N3/

$('#rearGearInputContainer input').each(function() { 
    alert($(this).val()); 
})