title: Smooth transition after submission
body: <p>When the submission is successful, meaning, there are no error messages that are generated, the form just disappears, kind of like thin air. However, I would like it to be a little smoother. I've tried fadeToggle() here and there but it didn't produce the effect that I wanted. Anybody have a solution to this problem?</p>
  
  <p>This is the code that I have so far.</p>
  
  <pre><code>$(document).ready(function(){
      $("#validationForm").submit(function(event) {
          var errorMessage="";
          if(!isValidEmailAddress($("#emailAddress").val())) {
              event.preventDefault(); 
              errorMessage = errorMessage+"&lt;br /&gt;Invalid Email Address";
          }
          $("#error").html(errorMessage); //I tried putting the fadeToggle() here.
      });
  });
  &lt;form id="validationForm"&gt;    
      &lt;input id="emailAddress" name="email" placeholder="Email"/&gt;
  &lt;/form&gt;
  </code></pre>