title: jQuery Validate Plugin Error CSS
body: <p>I would like to either/both change the label font color to RED on error or shade the textbox element red. The CSS I'm using is not working for me and not sure how to change the label of the radio/textbox instead if the label error which is added by the validate plugin.</p>
  
  <p>// HTML</p>
  
  <pre><code>&lt;form id="form1" name="form1" class="form1" method="post" &gt;     
      &lt;label for="gender"&gt;
          Gender                          
      &lt;/label&gt;
  
      &lt;input type="radio" name="gender" value="female" id="gender_0" /&gt;
          Female
      &lt;/input&gt;
      &lt;br /&gt;
  
      &lt;input type="radio" name="gender" value="male" id="gender_1" /&gt;
          Male
      &lt;/input&gt;
          &lt;br /&gt;
  
          &lt;label for="name"&gt;Name&lt;/label&gt;                    
          &lt;input type="text" name="name" id="name" /&gt;
      &lt;br /&gt;&lt;br /&gt;
  
      &lt;input type="submit" name="Submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>// JS</p>
  
  <pre><code>$().ready(function() {
  
      $("#form1").validate({
          rules: {
              gender: "required",
                          name: "required"
          },
          messages: {
              gender: "Please select an option",
                          name: "Please enter your name"
          }
      });
  });
  </code></pre>
  
  <p>// CSS</p>
  
  <pre><code>#form1 label.error {
      margin-left: 10px;
      width: auto;
      display: inline;
  }
  </code></pre>