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.