Bootstrap com o plugin de validação jQuery

Eu estou tentando adicionar validação ao meu formulário com jQuery Validation Plugin, mas estou tendo um problema onde o plugin coloca as mensagens de erro quando estou 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');
    }
});

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

questionAnswers(14)

yourAnswerToTheQuestion