title: Jquery validation error placement outside form with absolute positing of error message
body: <p>I am trying to place the error message elements outside the FORM element which is being validated. I would like to place all the error labels at the bottom of the DOM and change them to absolute position.</p>
  
  <pre><code>errorPlacement: function(error, element) {
  
                  if (element.hasClass('section')){
                      element = element.parent();
                  }
                  offset = element.offset();
                  $('#val_errors').append(error);
                  error.addClass('val-message');  // add a class to the wrapper
                  error.css({'position':'absolute','z-index':'10'});
                  error.css('left', offset.left + element.outerWidth());
                  error.css('top', offset.top);
  
              }
  </code></pre>
  
  <p>I have checked other post which is very similar to my question, But there is no solution.
  <a href="https://stackoverflow.com/questions/4764890/jq-validation-plugin-error-labels-errorplacement-outside-the-form-is-it-po">JQ validation plugin - error labels ( errorPlacement ) outside the form, is it possible?</a></p>
  
  <p>Please help me out</p>
  
  <p>Thanks
  Venu</p>