title: jQuery validate errorPlacement on single element
body: <p>It feels like this question has been asked before, but no questions seem to fix my issue, so apologies in advance.</p>
  
  <p>Because I'm using ASP.NET and can't predict the name of the controls I want to validate, I am setting up my jquery validate rules like so:</p>
  
  <pre><code>jQuery('textarea[id$=MessageTextInput]').rules("add", { required: true, messages: { required: "required"} });
  jQuery('input[id$=LinkTextInput]').rules("add", { required: true, messages: { required: "required"} });
  jQuery('input[name$=PositionChoiceInput]').rules("add", { required: true, messages: { required: "required"} });
  </code></pre>
  
  <p>Rather than:</p>
  
  <p>$('#aspnetForm').validate({options and rules}); // which requires the control names</p>
  
  <p>The problem is, the third rule is a radiobuttonlist and the error message is not getting placed in the right place. It is getting placed directly after the first radiobutton, whereas I want it after the last radio button list.</p>
  
  <pre><code>jQuery('textarea[id$=MessageTextInput]').rules("add", { required: true, messages: { required: "required"} });
  jQuery('input[id$=LinkTextInput]').rules("add", { required: true, messages: { required: "required"} });
  jQuery('input[name$=PositionChoiceInput]').rules("add", { required: true, messages: { required: "required"} });
  </code></pre>
  
  <p>However, I cant seem to get the method to work when I add the errorPlacement option. I have also tried the following:</p>
  
  <pre><code>jQuery('#aspnetForm').validate({ errorPlacement: function (error, element) {
              if (element.hasClass('sfRadioList')) {
                  error.insertAfter(element.parent("ul"));
              } 
          }
          });
  jQuery('textarea[id$=MessageTextInput]').rules("add", { required: true, messages: { required: "required"} });
  jQuery('input[id$=LinkTextInput]').rules("add", { required: true, messages: { required: "required"} });
  jQuery('input[name$=PositionChoiceInput]').rules("add", { required: true, messages: { required: "required"} });
  </code></pre>
  
  <p>But that still hasnt worked. What can I do to set the placement of just one element?</p>
  
  <p>Thanks in advance
  higgsy</p>