title: jQuery validation custom error message display for radio button
body: <p>I'm using jQuery validation and trying to get the error message for a pair of radio buttons to show up before the first button.</p>
  
  <p>Here is the validation:</p>
  
  <pre><code>errorPlacement: function(error, element) {
  if (element.attr("type") == "radio")
     error.insertBefore(element.first());
   else
     error.insertAfter(element);
  }
  </code></pre>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div class="full"&gt;
  &lt;label id="sample"&gt;Have you received your sample pack?&lt;/label&gt;
  
  &lt;input type="radio" name="sample" id="sample_yes" value="yes" /&gt;
  &lt;label for="eliteflexsample_yes"&gt;Yes&lt;/label&gt;
  
  &lt;input type="radio" name="sample" id="sample_no" value="no" /&gt;
  &lt;label for="eliteflexsample_no"&gt;No&lt;/label&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>Right now the error is showing up after the first radio button.</p>