title: Error Placement for checkbox
body: <p>I have a checkbox in a formwhere I use jquery validation.Here the error message is displayed below the checkbox and the label for the checkbox is displayed after the error.</p>
  
  <p>I need the error message to be displayed after the label for checkbox.
  Here is my code:
  <br></p>
  
  <pre><code>&lt;li&gt;
      &lt;input type="checkbox" name="toc"&gt;&lt;span name="toc"&gt; &amp;nbsp;&amp;nbsp;I agree to the terms and conditions
                          &lt;/span&gt;
      &lt;/input&gt;
  &lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;
      &lt;label style="margin-top:20px;display:none" name="toc" class="error"&gt;This field is required&lt;/label&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>The jquery for the form is </p>
  
  <pre><code>$(document).ready(function () {
      $('#form').validate({
          rules: {
              toc: {
                  required: true
              }
          }
      }); 
  </code></pre>