Получение значения нескольких полей ввода с одним и тем же классом и добавление в объект javascript

Я столкнулся с проблемой следующим образом:

<input title="1" type="text" class="email">
<input title="2" type="text" class="email">
<input title="3" type="text" class="email">

Выше мой HTML, где я пытаюсь захватить электронные письма каждого поля ввода и сохранить его в объекте с заголовком в качестве ключа.

Вот как выглядит мой JavaScript в данный момент

var emailObj = {};
$("input[class=email]").each(function() {

    var id = $(this).attr("title");
    var email = $(this).val()

    emailObj[id] = email;
});

В настоящее время console.log отображает только последнее добавленное к объекту значение, как показано ниже.

Object { 3="[email protected]"}

Где мой ожидаемый результатдолжен быть, как показано ниже

Object { 1="[email protected]", 2="[email protected]", 3="[email protected]"}

Может ли кто-нибудь пролить свет на этот вопрос для меня, пожалуйста?

Спасибо за чтение, С уважением.

Ответы на вопрос(2)

Ваш ответ на вопрос