title: Jquery validation multiple checkbox sets error placement
body: <p>I have multiple sets of checkboxes.</p>
  
  <p>How can i place the error message to the end of each set of checkboxes.</p>
  
  <p>This code implementation will place the message right after the first element</p>
  
  <p><a href="http://jsfiddle.net/Xu7ZK/1/" rel="nofollow">The fiddle</a></p>
  
  <pre><code>&lt;form id="myForm" action=""&gt;
  
  &lt;input type="checkbox" id="check0" name="check0" class="chkgroup"/&gt;
  Set 1 check 1?
  &lt;br /&gt;
  &lt;input type="checkbox" id="check1" name="check1" class="chkgroup"/&gt;
  Set 1 check 2?
  &lt;br /&gt;
   &lt;input type="checkbox" id="check2" name="check2" class="chkgroup"/&gt;
  Set 1 check 3?
  &lt;br /&gt;
  &lt;br /&gt;
  &lt;input type="checkbox" id="check3" name="check3" class="chkgroup2"/&gt;
  Set 2 check 1?
  &lt;br /&gt;&lt;input type="checkbox" id="check4" name="check4" class="chkgroup2"/&gt;
  Set 2 check 2?
  &lt;br /&gt;&lt;input type="checkbox" id="check5" name="check5" class="chkgroup2"/&gt;
  Set 2 check 3?
  &lt;br /&gt;&lt;input type="submit" /&gt;
  </code></pre>
  
  <p>Custom method is use to validate the checkbox</p>
  
  <pre><code>$(function () {
      jQuery.validator.addMethod("checkboxCheck", function(value, element,params) {
              return $(params[0]+':checked').length &gt; 0;
      });
      $("#myForm").validate({
  
          rules: {
              check0:{
                  checkboxCheck:['.chkgroup'],
              },
              check3:{
                  checkboxCheck:['.chkgroup2'],
              },
          },
          messages: {
              check0:{
                  checkboxCheck: "check your checkbox",
              },
              check3:{
                  checkboxCheck: "check your checkbox",
              },
          },
          submitHandler: function(form) {
              // ajax goes here
              alert("valid form");
              return false;
          }
      });
  
  });
  </code></pre>