JQuery. How to load inputs values to an array?

Question

I have multiple input fields.

<input type='text' size='10' name='firstname' id='firstname' />
<input type='text' size='20' name='lastname' id='lastname' />
<input type='password' size='5' name='password' id='password' />

I want to get all their values into a single array with jQuery. Like this one.

1 => 'Barack',
2 => 'Obama',
3 => '123456'

Existing method val() returns value from first match.

$('#firstname,#lastname,#password').val(); //returns only first name

Answer 1

This will do:

$('#firstname,#lastname,#password').map(function () { 
    return this.value; 
}).get();