Obtención del valor de múltiples campos de entrada con la misma clase y adición al objeto javascript

Me enfrento a un problema de la siguiente manera:

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

Arriba está mi html donde estoy tratando de agarrar los correos electrónicos de cada caja de entrada y almacenarlo en un objeto con el título como clave.

Aquí es como se ve mi JavaScript actualmente

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

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

    emailObj[id] = email;
});

Actualmente console.log muestra solo el último valor agregado al objeto como se muestra a continuación.

Object { 3="[email protected]"}

Donde mi resultado esperadodebería ser como se muestra abajo

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

¿Alguien podría arrojar algo de luz sobre este tema para mí, por favor?

Gracias por leer, Saludos.

Respuestas a la pregunta(2)

Su respuesta a la pregunta