title: jquery: error message location for input validation
body: <p>I want to validate input for a radio group named Verify.
  If there is no radio button selected during form submission,
  I want its error message display under the table.
  The following code is not working. I have no idea where goes wrong.
  Can somebody help please?</p>
  
  <pre><code>$("#form").validate({
          rules: {
              verify: "required",
          } });  
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;style type="text/css"&gt;
  .block { display: block; }
  form.form label.error { display: none; }    
  &lt;/style&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;form id="form" name="form" class="form"&gt;
  &lt;table&gt;&lt;tr&gt;
  &lt;td&gt;&lt;input type="radio" name="verify" id="verify" value="Verified" /&gt;
       Verified&lt;/td&gt;
  &lt;td&gt;
  &lt;input type="radio" name="verify" id="not_verify" value="Not verified" /&gt;Not verified&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
  &lt;label for="verify" class="error"&gt;Please select verification status.&lt;/label&gt;
  &lt;/form&gt;
  </code></pre>