jQuery Validation Plugin验证信息显示位置问题

我用jQuery Validation Plugin这个jQuery插件来做前端的验证，最近遇到个问题，一般情况是验证提示信息在控件下方，但用在单选按钮上时，提示信息居然与按钮重叠。想了想，可以这样写，在控件下方位置显示验证提示信息：

// 设置验证
$(“#xxxInfoForm”).validate({
rules: {
name: {
required: true,
maxlength: 10
},
…
},
errorPlacement: function(error, element) {
$('<br/>').appendTo(element.parent()); //在生成提示信息时，换一行。
error.appendTo(element.parent());
}
});

生成的提示信息一般在<label>里 class=“error”，如果觉得默认样式不好看，可以重写error样式。