title: Jquery validation, put error message in an existing element instead of generating a <label> tag
body: <p>I use <a href="http://jqueryvalidation.org/" rel="noreferrer">Jquery validation plug-in</a> to validate these two input elements below.
   When an input is invalid the plug-in will generate a label tag right after the input field, such as: <code>&lt;label for="company" style=""&gt;Required !&lt;/label&gt;</code> </p>
  
  <p>Question:
  How do I put the error message in the existed <code>&lt;span class="help-inline"&gt;</code> instead of generating a new <code>&lt;label&gt;</code> ?</p>
  
  <p>Many thanks for your help in advance.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
   $('#signUpForm').validate({
                              debug: false,
                              rules: {company:"required",username:"required"},
                           messages: {company:"Required !",username:"Required !"}
                            })// End of validate()
  
  &lt;/script&gt;
  
  
  &lt;div class="control-group"&gt;
     &lt;label class="control-label" for="company"&gt;Company Name&lt;/label&gt;
     &lt;div class="controls"&gt;
        &lt;input type="text" name="company"&gt;
        &lt;label for="company"&gt;Required !&lt;/label&gt; // -&gt; this line is generated by Plug-In.
        &lt;span class="help-inline"&gt;(required)&lt;/span&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="control-group"&gt;
     &lt;label class="control-label" for="username"&gt;User Name&lt;/label&gt;
     &lt;div class="controls"&gt;
        &lt;input type="text" name="username"&gt;
        &lt;span class="help-inline"&gt;(required)&lt;/span&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>