title: :focus for select box using jquery?
body: <p>I am trying to give a border for select box through jquery. Although the border works for text fields, its not getting rendered for select box. However if i add this same property through firebug or so, it renders.. 
  JS Fiddle : <a href="http://jsfiddle.net/bfcfQ/" rel="nofollow">http://jsfiddle.net/bfcfQ/</a></p>
  
  <pre><code> &lt;select name="signup_gender" id="form-field-select-1" class="signup_gender"&gt;
        &lt;option value="0"&gt; Select Gender&lt;/option&gt;
        &lt;option value="M"&gt;Male&lt;/option&gt;
        &lt;option value="F"&gt;Female&lt;/option&gt;
   &lt;/select&gt;
   &lt;br&gt;
  
  &lt;button class="test"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>jQuery : </p>
  
  <pre><code>$(".test").click(function(){
      signup_gender       = $('select[name="signup_gender"]').val();
      alert(signup_gender);
      if(signup_gender==0){
      $(".signup_gender").css("border","1px solid #ff0000 !important");        
      }
  });
  </code></pre>
  
  <p>Is there a way to do :focus in css through jquery ??</p>