动态选择的更改事件在Firefox中不起作用

Question

我有简单的HTML：

<select name="task-categories-select" id="task-categories-select" class="form-control">
    <option selected=""> </option>
</select>

然后我动态添加选项（在Backbone.js的帮助下）。结果，我有以下HTML：

<select name="task-categories-select" id="task-categories-select" class="form-control">
    <option selected=""> </option>
    <option value="47">Task type 47</option>
    <option value="76">Task type 76</option>
    <option value="25">Task type 25</option>
    <option value="44">Task type 44</option>
</select>

我想听看关于更改选项的事件。我有以下jquery：

$( document ).ready(function() {
    $(document).on('change', "#task-categories-select", function () {
        alert(this.value);
    });
});

它在Chrome中正常运行。 但是，当我第一次更改选项时，它在Firefox中不起作用。然后，当我第二次更改选项时，它正常工作。

P.S。另外，我尝试了this way。