Inlogg sida - Arrayen funkar inte

Jag håller på att skapa en inlogg sida med flera users, men den hämtar bara användaren som är först i arrayen. Kan någon se vad jag har gjort för fel? Consolen funkar. 

var userData =
[
{
"username": "Red",
"password": "trinidad",
"name": "Wilhelm",
"surname": "Grimm "

},
{
"username": "Holmes",
"password": "watson",
"name": "Arthur",
"surname": "Doyle "

},
{
"username": "Emelie",
"password": "jensen",
"name": "Emelie",
"surname": "Jensen "

},
{
"username": "Kalle",
"password": "swensson",
"name": "Kalle",
"surname": "Swensson"

}
];

//Function för att kunna logga in som user.
function login() {

var inputusername = document.getElementById('idUsername').value
var inputuserpassword = document.getElementById('idUserpassword').value

for (var i = 0; i < userData.length; i++) {

if (inputusername == userData[i].username && inputuserpassword == userData[i].password) {
document.getElementById("result").innerHTML = "Welcome" +" "+ inputusername + "!";
}
else if (inputusername == "" && inputuserpassword == "") {
document.getElementById("result").innerHTML = "No input!";
}
else {
document.getElementById("result").innerHTML = "Incorrect password";
}
return
 
}
return
}
//Console för att kolla information.
console.log(userData[1].name)
console.log(userData[2].username)
console.log(userData[3].username)