title: jQuery validate not binding to keyup events
body: <p>I'm making a "contact me" page, with jQuery validation. My main content box is reloaded with ajax to change content when the user clicks on a new page. The problem I'm having now is to bind an event handler for the validate function. what I got now is </p>
  
  <pre><code>$(document).ready(function(){
      $('body').bind('focus focusout keyup', function() {
          $('#contact_me').validate({
  </code></pre>
  
  <p>But it's not working like intended. I have to start typing, then click out of the input field and then click on it again before it starts to validate the input field value. I want it to validate on focus, <code>focusout</code> and <code>keyup</code>. I think the problem is with the event handler somehow. Any suggestions?</p>
  
  <p>Here is a JSfiddle with the script: <a href="https://jsfiddle.net/z6h9d028/4/" rel="nofollow noreferrer">https://jsfiddle.net/z6h9d028/4/</a></p>
  
  <p>I can see now that the eventhandler is not the problem. When i type in a input field its not validating the value until i click out of the box. After the first validation i works on keyup as well. How can i get i to work on keyup stright away?</p>
  
  <p><strong>Edit 2:</strong>
  Updated fiddle: <a href="https://jsfiddle.net/z6h9d028/7/" rel="nofollow noreferrer">https://jsfiddle.net/z6h9d028/7/</a></p>
  
  <p>It's almost working now! I just need to get all the error messages to show when clicking the submit button. And to find a way to show the error message when you type one character and then remove it if the input field is required (it does show it if you type once, then remove, type again and remove. but not the first time)</p>