javascript - 入力フィールドの右側ではなく、タイトルの右側に jQuery Validation テキストを配置する方法

Question

検証が失敗した場合、jQuery 検証を使用してカスタム メッセージを生成しています。デフォルトでは、メッセージは検証中の入力フィールドの右側に表示されます。代わりに、このメッセージが常にフィールド タイトルの右側に表示されるようにします。

たとえば、次のようにしたい: http://jsfiddle.net/zWgbP/

私は追加して遊んだ：

    errorPlacement: function (error, element) { 
            error.insertBefore(element);    
         },  

...しかし、タイトル「姓」の後の休憩の前に来る必要があるため、それは正しくありません。

フィールド タイトルをスパンまたは div で囲み、以下の jQuery メソッドを使用して ID を指定すると、フィールド タイトルをターゲットにするより良い方法はありますか?

そうでない場合、より良い方法はありますか？

ジャバスクリプト

$(document).ready(function() {

// validate signup form on keyup and submit
$("#newform").validate(  

    rules: {
        lastname: {
            required: true, 
            minlength: 2            
        },

    messages: {
        lastname: {
            required: "* please fix",
            minlength: "* please fix"
        },

HTML

<form name="newform" id="newform" method="post" onsubmit="return OnNewButton();">

<input type='text' id='lastname' name='lastname' size='20' value = "" />

</form>

CSS

<style type="text/css">
#newform label.error {
color: red;
font-size: 15px;
}
</style>