jquery - jQuery Validate の理解の難しさ errorPlacement

Question

よくある質問のように思えて申し訳ありませんが、errorPlacement を機能させることができません。私はラジオボタンの2つの個別のグループを持っており、それぞれにラジオボタンを選択する必要があります...その部分は機能します。しかし、最初のラジオボタンの後にデフォルトのエラーメッセージが表示されるという問題があり、2番目のラジオボタンの後に表示できません。実際には、他のすべての入力と同じ .gif を追加したいというエラー メッセージも必要ありません。

これは、ラジオグループの 1 つの html です...

<fieldset id="units" name="units">
<legend>Units of Measurement</legend>
    <center>
    <div id="radio">
      <label title="Select Units of Measurement to work with, Inches or Millimeters"></label>
      <label for="inches">Inches</label>
      <input type="radio" id="inches" name="unit" value="inches" />
      <label for="mm">Millimeters</label>
      <input type="radio" id="mm" name="unit" value="mm" />
    </div> <!-- end radio class-->
    </center>

ここに私がerrorPlacementのために持っているものがあります...

errorPlacement:
    function(error, element){
        if(element.is(":radio")){ 
            error.appendTo('#radio');
    }else{ 
            error.insertAfter(element); 
         }
    }

検索で見つけたほぼすべての提案を試しましたが、うまくいきませんでした。

なぜこれが機能しなかったのですか... errorPlacement を間違った場所に追加していました...

rules: {
  //bunch of rules,
 errorPlacement:
    function(error, element){
        if(element.is(":radio")){ 
            error.appendTo('#radio');
    }else{ 
            error.insertAfter(element); 
         }
    }
}

ライリーは私の間違いを指摘するフィドルを作成しました...次のようになります

rules: {
  //bunch of rules,
},
errorPlacement:
    function(error, element){
        if(element.is(":radio")){ 
            error.appendTo('#radio');
    }else{ 
            error.insertAfter(element); 
         }
    }