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

我在一个页面上有几个html选择框。我需要得到这些复选框的值。下面的代码在Chrome中表现得很好，但我已经在Safari中对其进行了调试，似乎返回了一个空的国家id

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

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

---

请同时发布相关的HTML代码。顺便说一句，

.change

只是本例中（'change'）的

.on的快捷方式。谢谢。我已经删除了重复/替代代码以反映您给我的反馈。我也将发布HTML。
<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>

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