title: Jquery keypress to validate email inputs
body: <p>What I'd like to accomplish is this:</p>
  
  <p>If a user types in a valid email, display the (<code>.check</code>)'ok' sign. If not valid, display nothing(for the time being. I'll put something in later). 
  I have 3 email fields. I'm trying to 'validate' for each one. </p>
  
  <pre><code>&lt;form id="emailsForm" method="POST" action="/account/recommend/"&gt;
      &lt;div class="prepend"&gt;
          &lt;p&gt;&lt;strong&gt;Emails:&lt;/strong&gt;&lt;/p&gt;
          &lt;div&gt;
              &lt;span class="added"&gt;&lt;p class="check"&gt;ok&lt;/p&gt;&lt;/span&gt;
              &lt;input type="email" id="email1" class="input-text" onblur="alert(/([A-Z0-9a-z_-][^@])+?@[^$#&lt;&gt;?]+?\.[\w]{2,4}/.test(this.value))"&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;span class="added"&gt;&lt;p class="check"&gt;ok&lt;/p&gt;&lt;/span&gt;
              &lt;input type="email" id="email2" class="input-text"&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;span class="added"&gt;&lt;p class="check"&gt;ok&lt;/p&gt;&lt;/span&gt;
              &lt;input type="email" id="email3" class="input-text"&gt;
          &lt;/div&gt;
          &lt;button type="submit" class="submit"&gt;Send&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>
  
  <pre><code>$("form#emailsForm :input").each(function(){
      $('input').blur(function() {
          var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
          if (testEmail.test(this.value)){
              $('input').siblings(".check").css('visibility', 'visible');
          }
          else {
  
          }
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/RFcaN/23/" rel="nofollow">http://jsfiddle.net/RFcaN/23/</a>  What am I doing wrong?</p>
  
  <p>Thanks for your help and suggestions!</p>