title: JQuery Validation Plugin: Change element on error
body: <p>Am using the jQuery Validation plugin, found <a href="http://docs.jquery.com/Plugins/Validation" rel="nofollow noreferrer">here</a>, which is proving very useful....</p>
  
  <p>However what I would like to do, is instead of adding the class error to the input of any invalid form field. I would like to the class error to a div next to the form field itself. Here is the HTML..</p>
  
  <pre><code> &lt;div class="label"&gt;Surname&lt;/div&gt;
   &lt;div&gt;&lt;input name="sSurname" id="sSurname" type="text" class="text_field required"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So when the form field is invalid on blur, the error class is added to the input field, and when the form is valid, the error class is removed. I would like to add the same functionality to the div with class label, next to the form field..</p>
  
  <p>Is this possible?</p>
  
  <p>Thanks </p>