Adding groups (1 message for multiple properties) to MVC3's Validation

inline.js

$(function () {
        $("form").validate().groups = (function () {
            var result = {};
            $('form .group').each(function (i) {
                $(this).find('input').each(function () {
                    result[$(this).attr('name')] = 'groupname' + i;
                });
            });
            return result;
        })();

        $("#First").rules("add", {
            required: true,
            messages: {
                required: "Please enter an occupation."
            }
        });

        $("#Last").rules("add", {
            required: true,
            messages: {
                required: "Please enter an occupation."
            }
        });
    });

jquery.validation.unobtrusive.js

function onError(error, inputElement) {  // 'this' is the form element
        var container = $(this).find("[data-valmsg-for='" + inputElement[0].name + "']"),
            replace = $.parseJSON(container.attr("data-valmsg-replace")) !== false;

        container.removeClass("field-validation-valid").addClass("field-validation-error");
        error.data("unobtrusiveContainer", container);

        if (replace) {
            container.empty();
            error.removeClass("input-validation-error").appendTo(container);
        }
        else {
            error.hide();
        }
    }

Site.css

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
span.input-validation-error {
    border: none;
}