title: Jquery validation error message position for checkbox
body: <p>I am using jquery for checkbox validation(atleast one should be checked), here i need to display error message at the end of all checkboxes, but it always display after the label element and moves all checkboxes at the right side, which looks very weird. Below is my html code:</p>
  
  <pre><code>           &lt;div&gt;
              &lt;label&gt;Please Select a color:&lt;/label&gt; 
                  &lt;input type="checkbox" id="color"  name="color" value="red"&gt; red&lt;/input&gt;
                  &lt;input type="checkbox" id="color"  name="color" value="green"&gt; green&lt;/input&gt;
                  &lt;input type="checkbox" id="color" name="color" value="yellow"&gt; yellow&lt;/input&gt;
                  &lt;input type="checkbox" id="color"  name="color" value="black"&gt; black&lt;/input&gt;
             &lt;/div&gt;
  </code></pre>
  
  <p>Can anyone please tell me how to display error message at the right side after the end of all checkboxes without moving form structure.</p>
  
  <p>Thanks in advance..</p>
  
  <p>~Yash</p>