Проверка клиента ASP.NET MVC 3

У меня есть следующая модель просмотра:

public class ViewModel
{
    [Display(Name = "firstname", ResourceType = typeof(Views.Validation))]
    public string firstname { get; set; }

    [Required(ErrorMessageResourceName="required", ErrorMessageResourceType = typeof(Views.Validation))]
    [Display(Name="lastname", ResourceType = typeof(Views.Validation))]
    public string lastname { get; set; }

    ...
}

и мое представление HTML:

    ...
<div class="row valid showMsg">
    <div class="itemWrap clearfix">
        <label>@Html.LabelFor(model => model.firstname)<span class="iconReq">&nbsp;</span>:</label>
        @Html.EditorFor(model => model.firstname)
    </div>
    <div class="info">
        <p class="errorMsg">@Html.ValidationMessageFor(model => model.firstname)</p>
        <p class="infoMsg">info message here</p>
        <p class="focusMsg">text on active</p>
    </div>
</div>
...

Если вы заметили в моем представлении HTML, у меня есть <div class="row valid showMsg"> с классом showMsg, который управляет отображением сообщений внутри моего <div class="info">.

Теперь, для проверки сервера, я написал специальный HTML-помощник, который добавляет, что этот класс "showMsg" к div, когда он недействителен:

 public static MvcHtmlString ValidationRowFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression)
 {
     MvcHtmlString normal = html.ValidationMessageFor(expression);

     if (normal != null)
     {
         return MvcHtmlString.Create("errorOn");
     }

     return null;
 }

и используйте его так:

<div class="row valid @Html.ValidationRowFor(model => model.firstname)">

Я хотел бы сделать то же самое для проверки клиента. Так что он автоматически добавит класс showMsg к родительскому объекту при ошибке. Как бы я это сделал?

Спасибо.

Изменить: ok это работает для обычного HTML, но не в MVC3??

$(function(){
 var validator = $(".form").validate({
          highlight: function(element) {
             $(element).parents().closest('div.row').addClass('errorOn');
          },

          unhighlight: function(element) {
             $(element).parents().closest('div.row').removeClass('errorOn');
          }
 });
});