title: Callback function after blur effect is triggered in jquery
body: <p>I have a form that is validated once the user "blur"s out of an input field. So:</p>
  
  <pre><code>$("#field1").blur(function() {
  
  if($(this).val().length&gt;0) {
     $(this).attr('class', 'completed');
  }
  
  });
  </code></pre>
  
  <p>When the user first visits the form, and up until all fields are "completed", the submit button is hidden:</p>
  
  <pre><code>$(".submit").hide();
  </code></pre>
  
  <p>I want the submit button to slideDown once all #field1, #field2 ... elements have been assigned a "completed" class (any other method suggested will work as well).</p>
  
  <p>I tried using:</p>
  
  <pre><code>$("#field1").blur(function() {
      if($(".completed").length == $("input[type='text']").length) {
          $(".submit").slideDown(1000);
      }
  });
  </code></pre>
  
  <p>But it didn't work as it was called concurrently with the previous "blur" handler.</p>
  
  <p>Is there a method to bind an event handler to <strong>after</strong> another has triggered? Maybe a way to add a callback function to "blur" that works?</p>
  
  <p>I'd appreciate all types of solution (not necessarily somethin like I presented).</p>