[jQuery] Some sort of template for displaying validation errors in a div using validation framework?

[rickcr]

I'm using the very nice jquery validator for my forms, but I have,
what hopefully is a simple question.

I like being able to defined all the error messages in the initial
messages section in the jQuery setup:

[CODE]
messages: {
    firstName: "Please enter your firstname<br/>",
    userName: {
           required: "Please enter a username<br/>",
           minLength: "Your username must consist of at least 4
characters<br/>"
    }
}
[/CODE]

I'm then setting the error label container:

[CODE]
errorLabelContainer: $(".errorContainer"),
[/CODE]

What I'd like to avoid though is having to use the <br/> tags like I'm
using and provide a way to have some sort of template in my
errorContainer div or, at the least a set type of style wrapper around
each error message that I can customize (maybe have it default to
<li>{theMessage}</li> ? I'd also like a title in my div... "Please fix
the following errors..."

I know I can go and declare all the error messages in the div in a
list and not use the inline javascript style, but I like the
flexibility offered me by using the messages section in the
javascript. This way if I decide to display the errors inline next to
the offending field, it's an easy switch.