jQuery: создать массив javascript из элементов CHILDREN

Я пытаюсь создать массив JavaScript и получить имя дочерних элементов элемента.
(мне не нужны элементы диапазона, только input, select и textarea)

HTML:

<div id="new">
    ID: <input name="id" />
    <span>Date: </span>
    <input name="date" />
    <select name="status">
        <option>New</option>
        <option>Old</option>
    </select>
    <textarea name="memo"></textarea>
... etc.
</div> <!-- END: #new -->

jQuery:

var elements=new Array();
$("#new").each(function()
{
    elements = $(this).children('input, select, textarea').attr("name");
});

С помощью этого кода я получаю только 1 имя элемента ("id"). Когда я тестирую массив с индексом 0, он работает. НО когда я использую другой индекс, скажем ... для предупреждения "date" или "статус", не работает:

alert( elements[0] ); //Output: "id"
alert( elements[2] ); //Output: "undefined". It should alert "status" instead