Не получается получить обновленное значение input-поля

[romik_val]

function authorizationModal() {
	var formDataElem = document.getElementById('userform');
	alert(formDataElem.user_login.value);
}

<form id="userform">
  <input type="text" name="user_login" value="" class="inbr" style="width:144px" placeholder="Логин">
  <input name="user_pw" value="" type="password" style="width:144px" placeholder="Пароль">
  <div class="_button red-button" onclick="authorizationModal(); return false">Вход</div>
</form>

При нажатии на "Вход" вылетает пустое окно, однако если задать value по умолчанию, то выводит его.
Пробовал менять местоположение кнопки, использовать

$("#id").val()

для получения значения, тоже самое. Также пробовал передавать значение как параметр функции, но безрезультатно.

Мне нужно чтобы при нажатии на кнопку "Вход" можно было получить значение которое сейчас содержится в форме.

[danik.js]

Не наблюдаю такого. Алерт выводит то, что в поле введено.

<script>
function authorizationModal() {
    var formDataElem = document.getElementById('userform');
    alert(formDataElem.user_login.value);
}
</script>
<form id="userform">
  <input type="text" name="user_login" value="" class="inbr" style="width:144px" placeholder="Логин">
  <input name="user_pw" value="" type="password" style="width:144px" placeholder="Пароль">
  <div class="_button red-button" onclick="authorizationModal(); return false">Вход</div>
</form>