jquery - :jquery を使用して選択ボックスにフォーカスしますか?

Question

jquery を使用して選択ボックスに境界線を付けようとしています。境界線はテキスト フィールドでは機能しますが、選択ボックスではレンダリングされません。ただし、この同じプロパティをfirebugなどで追加すると、レンダリングされます.. JS Fiddle : http://jsfiddle.net/bfcfQ/

 <select name="signup_gender" id="form-field-select-1" class="signup_gender">
      <option value="0"> Select Gender</option>
      <option value="M">Male</option>
      <option value="F">Female</option>
 </select>
 <br>

<button class="test">Submit</button>

jQuery :

$(".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");        
    }
});

jqueryを介してcssで:focusを行う方法はありますか??