Невозможно проверить выпадающий список select2, используя jquery validator

Question

Я пытаюсь проверить выпадающее меню, но когда я выбираю пустое значение, оно не проверяется, и моя форма отправки этот же метод используется и для текстового поля, и там он работает.

$state = array(
    'name'  => 'state',
    'id'    => 'state',
    'value' => set_value('state'),
    'class'=> "form-control",
    'placeholder' => 'select state',
);

<?php echo $stateDropDown?>


jQuery(document).on('change','select[name=country]',function(){ 
    jQuery("select[name=state]").empty();
    var country_id = jQuery(this).val();
    if(country_id > 0){
        jQuery.ajax({
            url: baseUrl+"get_states",
            type : 'post',
            dataType : 'json',
            data :{country_id :country_id},
            success: function(result){
                if(result){
                    var html = "";
                    html = html+"<option value=' '>Please Select</option>"; 
                    jQuery.each(result, function(key,value) {
                        html = html+"<option value="+key+">"+value+"</option>"; 
                    });
                    jQuery("select[name=state]").parent().removeClass('hide');
                    jQuery("select[name=state]").empty().append(html);;
                }
            }
        })
    }
})

var validate = jQuery("form#msform").validate({

rules: {
  'state': {
        required : function(){
                        return jQuery("select[name='state']").val() == ' ' ? true : false;
        },
   },
}
});