title: jquery validation generate label .error outside the label
body: <p>I have a form and each input text is contained within a label. How I can do to make the label that is generated by jquery validation (.error),appears outside of the input text label ?. I would get the error message below the text field.</p>
  
  <pre><code>&lt;form class="cmxform" id="commentForm" method="get" action=""&gt;
   &lt;fieldset&gt;
      &lt;legend&gt;Please complete form&lt;/legend&gt;
      &lt;p&gt;
          &lt;label for="cname"&gt;Name (required, at least 2 characters)
          &lt;input id="cname" name="name" minlength="2" type="text" required /&gt;
    &lt;/label&gt;
      &lt;p&gt;
          &lt;label for="cemail"&gt;E-Mail (required)
          &lt;input id="cemail" type="email" name="email" required /&gt;
    &lt;/label&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;label for="curl"&gt;URL (optional)
          &lt;input id="curl" type="url" name="url" /&gt;
    &lt;/label&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;label for="ccomment"&gt;Your comment (required)
          &lt;textarea id="ccomment" name="comment" required&gt;&lt;/textarea&gt;
    &lt;/label&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;input class="submit" type="submit" value="Submit"/&gt;
      &lt;/p&gt;
   &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/DjeVA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DjeVA.png" alt="enter image description here"></a>
     <a href="http://jsfiddle.net/qh7cqhpn/" rel="nofollow noreferrer">http://jsfiddle.net/qh7cqhpn/</a></p>
  
  <p>I need that when .error class is generated, appears outside the label of the input text. I would like to know an effective way to do this. I can have 30 fields on a form, then there would like to field by field modification.
  Thank you.</p>