.children .val() is throwing undefined
<p>Im trying to form validation but .val() seems to be giving undefined. Please help</p>

<pre><code>$(document).ready( function() {

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

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

    });
  });
});
</code></pre>

<p>This is the html part</p>

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

<p></p>
