title: jquery validator errorPlacement offset problem
body: <p>I'm trying to use errorPlacement with the Validator plugin for jquery, but I'm having issues with the offset. If the element is hidden at the time of validation (in a different tab), the offset returns the value 0,0 (top left corner of screen).</p>
  
  <pre><code>$(document).ready(function() {
  
  var tabs = $("#tabs").tabs();
  
  var validator = $("#myForm").validate({
  
          errorElement: "div",
          wrapper: "div",  // a wrapper around the error message
          errorPlacement: function(error, element) {
  
              if (element.parent().hasClass('group')){
                  element = element.parent();
              }
  
  
              offset = element.position();
              error.insertBefore(element)
              error.addClass('message');  // add a class to the wrapper
              error.css('position', 'absolute');
              error.css('left', offset.left + element.outerWidth());
              error.css('top', offset.top);
  
  
          }
      });
  }
  </code></pre>
  
  <p>Any suggestions on how to fix this? I would recalculate the offsets when the tab changes or something, but it's being done in validate which I understood is only called once.</p>
  
  <p>Thanks for the help!</p>
  
  <p>Edit: </p>
  
  <p>I still seem to be stuck on this. The problem I'm finding is that (at least from what I read), I can't call validate more than once. Do you think somehow adding each error message and element key pair to a list would work, or is that a dirty hack? I'm not really sure how to add them to a list anyway. Any suggestions would be much appreciated. Thanks!!</p>