jQuery Validate обрабатывает ошибки как отдельные экземпляры, а не объединяет их

Question

Я могу переместить ошибки проверки jquery в конкретный контейнер, установленный над моей формой, но элементы отображаются как отдельные ошибки (несколько).

В идеале я хочу иметь один большой блок ошибок (который на других моих страницах я уже называю с классом 'error') и указать что-то длинное: "Пожалуйста, исправьте следующие ошибки: ..." с результатами, являющимися неупорядоченным списком.

Мой jquery выглядит следующим образом:

<script type="text/javascript">
$(function() {     
    $("#login_form").validate({
        errorLabelContainer: "#containererreurtotal",
        wrapper: "li",
        errorClass: "error",
        rules: {
            AGTNO: 'required',
            AGTPW: 'required'
        },
        messages: {
            AGTNO: 'Your Number or Email Address is required.',
            AGTPW: 'Your Password is required.'
        },
        submitHandler: function(form) {
            $('body').append('<div id="overlay"></div>');
            $('#overlay').show();
            form.submit();
        }
    });
});
</script>

Над формой у меня есть следующее:

<ul id="containererreurtotal"></ul>

есть идеи, где я иду не так?

Answer 1

http://jsfiddle.net/HK4TP/1/

Скройте свой контейнер ошибок и задайте ему соответствующий стиль, остальное будет обработано плагином.