title: jQuery validation: Show/hide custom elements besides the default elements
body: <p>What I would like to do is the following. I have an image which shows a tooltip on hover. When a field does not pass the validation, I would like to show the default error message aswell as the images' title in a new paragraph. The tooltip image should then be hidden. When the field then passes validation, the default error message should be hidden again (default behaviour), my paragraph should be hidden and the tooltip image should be shown again.</p>
  
  <p>So, when a field does not pass validation:<br>
  - Default validations error message<br>
  - Tooltip images' title</p>
  
  <p>And when a field does pass validation:<br>
  - Tooltip image</p>
  
  <p>I got the 'failed validation' part figured out but when the field passes validation, the tooltip images' title is still shown and the tooltip image is hidden. So what I basically need is a callback to a function when some field passes validation.  </p>
  
  <p>This is what I've got so far:  </p>
  
  <pre><code>$(document).ready(function(){
  
  $('form#saveform').validate({
  
      ignore: ":hidden",
      errorPlacement: function (error, element) {
  
          var error_td = element.parent('td').next('td');
          var tooltip_img = error_td.find('img.tooltip');
  
          error_td.append(error);
          error_td.append('&lt;p class="notice"&gt;' + tooltip_img.attr('oldtitle') + '&lt;/p&gt;');
  
          tooltip_img.hide();
  
      }
  
  });
  
  });
  </code></pre>
  
  <p>Can anyone help me making this work?</p>