Chrome和Safari .on / .change选择框中的不同Jquery行为

Question

我在页面上有几个html选择框。我需要获取这些复选框的值。以下代码在Chrome中运行得很好，但是我已经在Safari中调试了它，并且似乎为country_id找回了null。

测试： Chrome 38.0.2125.104 Safari版本8.0（10600.1.25） JQuery 1.11.0

HTML（我从select中删除了大部分选项以使其更简洁）

<select class="form-control pad-input col-md-6 country" data-state-field="#birth_state_id">
<optgroup label="North America">
<option selected="selected" value="228">United States</option>
<option value="244">Zimbabwe</option></optgroup></select>

JQUERY

$('.country').change (function () {
    var state_class = $(this).data('state-field');
    var country_id = $(this).val();
});