Como obter o nome do arquivo de entrada type = file html element usando JavaScript ou JQuery?

No navegador Google Chrome, eu tentei de várias maneiras + seguinte e nenhum está me dando o valor do nome do arquivo que foi anexado, após a validação vou enviar o arquivo. Mas sempre é indefinido ou val () não encontrado ..

Como resolver isso?

console.log($("input[name='attachment[]']"));
/* Output:
[
<input type=​"file" name=​"attachment[]​" id=​"attachment">​
, 
<input type=​"file" name=​"attachment[]​" id=​"attachment">​
, 
<input type=​"file" name=​"attachment[]​" id=​"attachment">​
]
*/

$.each($("input[name='attachment[]']"), function(i,v) {
    console.log(i);
    console.log(v); //v.val() does not exist... even uploaded a file and showing file

});

/* Output: 
0
<input type=​"file" name=​"attachment[]​" id=​"attachment">​
1
<input type=​"file" name=​"attachment[]​" id=​"attachment">​
2
<input type=​"file" name=​"attachment[]​" id=​"attachment">​
*/

return false;

questionAnswers(4)

yourAnswerToTheQuestion