Bootstrap con el complemento de validación de jQuery

Estoy tratando de agregar validación a mi formulario con jQuery Validation Plugin, pero tengo un problema donde el complemento pone los mensajes de error cuando estoy usando grupos de entrada.

$('form').validate({
    rules: {
        firstname: {
            minlength: 3,
            maxlength: 15,
            required: true
        },
        lastname: {
            minlength: 3,
            maxlength: 15,
            required: true
        }
    },
    highlight: function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    }
});

Mi código: http://jsfiddle.net/hTPY7/4/

Respuestas a la pregunta(14)

Su respuesta a la pregunta