title: JQuery - .val() return old value
body: <p>I've got a some trouble, i use 
  <a href="https://github.com/mailcheck/mailcheck" rel="noreferrer">https://github.com/mailcheck/mailcheck</a></p>
  
  <p>with this function</p>
  
  <pre><code>                $('#email').on('keypress', function(event) {
                  $(this).mailcheck({
                      suggested: function(element, suggestion) {
                          $('#email_check').html("Did you mean &lt;b&gt;&lt;i&gt;&lt;a href='#' id='suggest_email'&gt;" + suggestion.full + "&lt;/a&gt;&lt;/b&gt;&lt;/i&gt;?");
                          $('#suggest_email').on('click', function(event) {
                              event.preventDefault();
                              $('#email').val($(this).text());
                              $('#email_check').empty();
                              $('.error_js').empty()
                          });
                      },
                      empty: function(element) {
                          $('#email_check').empty();
                          $('.error_js').empty()
                      }
                  });
              });
  </code></pre>
  
  <p>But when the script use :</p>
  
  <pre><code>opts.email = this.val(); 
  </code></pre>
  
  <p>(line 263 of this file <a href="https://github.com/mailcheck/mailcheck/blob/master/src/mailcheck.js" rel="noreferrer">https://github.com/mailcheck/mailcheck/blob/master/src/mailcheck.js</a> )</p>
  
  <p>this.val() return the old value of my input.
  i've tried to use a </p>
  
  <pre><code>this.attr("value");
  </code></pre>
  
  <p>and </p>
  
  <pre><code>this.prop("value");
  </code></pre>
  
  <p>Same problem.</p>
  
  <p>When i do a console.log(this); and look for the value of my input, in the object, it's good, it contain the good value.</p>
  
  <p>How to get the proper value then ?
  That's why i request your help.</p>
  
  <p>Thanks.</p>