title: Remove error message after validation
body: <p>I have used a jquery validation to validate my form. I am displaying one error message and my problem is that when user hits the submit button the message is displayed but When all the fields have been filled out then error message does not disappear. I would like the error message to disappear when all fields have been filled correctly. Here is my form </p>
  
  <pre><code>   &lt;div class="form-group"&gt;
          &lt;div id="error-bubble" class=" col-xs-10 col-centered"  
     style="display:none;color:red;"&gt;Fields Marked Red Are Required&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-xs-10 col-centered"&gt;
              &lt;form:input type="text" class="form-control" id="inputEmail" placeholder="Your 
       Mob Email"  path="emailId" value="${user.emailId}" &gt;&lt;/form:input&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
  
          &lt;div class="col-xs-10 col-centered"&gt;
              &lt;form:input type="text" class="form-control " id="inputFullName" 
       placeholder="Full Name" path="fullName" name="fullName" value="${user.fullName}"&gt;
       &lt;/form:input&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class=" col-xs-10 col-centered"&gt;
             &lt;input type="submit" value="Update"/&gt;
              &lt;input type="reset" value="Cancel" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
   and my jquery is 
  
  
  
  $( "#myform" ).validate({
    rules: {
        contactNo: {
        required: true,
        minlength: 8,
        maxlength:25
      },
      officeContactNo: {
            required: true,
            minlength: 8,
            maxlength:25
          },
      fullName:{
            required:true,
            minlength:1,
            maxlength:40
      },
      title:{
          required:true
      },
      reportTo:{
          required:true
      },
      officeLocation:{
          required:true
      }
        },
        errorPlacement: function () {
  
            $('#error-bubble').show();
          },
          submitHandler: function(form) {  
              if ($(form).valid()) {
                   $('#error-bubble').hide();
               form.submit();}
              return false; // prevent normal form posting
       }
  });
  </code></pre>