. Дети .val() бросает undefined

Question

Im пытается сформировать валидацию, но .val(), кажется, дает неопределенный. Пожалуйста, помогите

$(document).ready(function() { 

    $('.formElem .input').each(function() {  
    $(this).children(".inputField").on("keyup", function() { 

     console.log($(this).children('#username').val()); 

    }); 
    }); 
}); 

Это HTML часть

<form action="#" class="formElem" method="post" autocomplete="off"> 
<div class="input username_container"> 
     <input class="inputField" id="username" maxlength="50" placeholder="Username" name="username" size="20" tabindex="1" type="text">    
     <div class="tip"> 
      <p class="blank error">Field cannot be empty</p> 
    </div> 
    </div> 

Answer 1

Это был вопрос немой задницы. Только опубликовано из-за того, что я не знал, как его искать. Но спасибо @Juhana за ответ

$(this).val(); 

Answer 2

'username' не является допустимым параметром для передачи .children()

input будет работать, если вы ориентируетесь поле ввода , как и .username, если у вас есть класс, указанный для ребенка.