jQuery override default validation error message display (Css) Popup/Tooltip like

Question

I\'m trying to over ride the default error message label with a div instead of a label. I have looked at this post as well and get how to do it but my limitations with CSS a

Answer 1

Add following css to your .validate method to change the css or functionality

 errorElement: "div",
    wrapper: "div",
    errorPlacement: function(error, element) {
        offset = element.offset();
        error.insertAfter(element)
        error.css('color','red');
    }