title: jquery validation error message - change the location of message
body: <p>I am using jquery validation plugin.
  I have an html that looks like:</p>
  
  <pre><code>&lt;h2&gt;Select A City&lt;/h2&gt;
  
  &lt;select class="required city-selection-list" id="city_city_id" name="city[city_id]"&gt;
    &lt;option value=""&gt;&lt;/option&gt;
  
    &lt;option value="146"&gt;San Francisco Bay Area&lt;/option&gt;
    &lt;option value="147"&gt;San Francisco&lt;/option&gt;
    &lt;option value="311"&gt;Los Angeles&lt;/option&gt;
    &lt;option value="344"&gt;New York&lt;/option&gt;
    &lt;option value="395"&gt;San Diego&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>The error message is currently displaying <em>after</em> the select box.
  This causes my page to shift left and messes up how it looks.</p>
  
  <p>How do I display it after <em>Select A City</em> instead of inlining it.</p>
  
  <p>Thanks for your help.</p>