如何根据选择的其他</select>选项禁用<select>选项？

Question

有2个组合框具有相同的选项以及值。因此，当用户在第一个组合框中选择python时，第二个组合框中的python选项将被禁用。但是，当我尝试这是不行的。这是我的代码：

HTML：

<select name="first_combobox">
    <option value="python">Python</option>
    <option value="ruby">Ruby</option>
    <option value="lua">Lua</option>
</select>

<select name="second_combobox">
    <option value="python">Python</option>
    <option value="ruby">Ruby</option>
    <option value="lua">Lua</option>
</select>

JS（jQuery）：

$("select[name=first_combobox]").change(function(){
    if ($("select[name=first_combobox]").val() === $("select[name=second_combobox]").val()) {
        $("select[name=second_combobox] option[value=" + $("select[name=first_combobox]").val() + "]").attr("disabled", "disabled");
    } else {
        $("select[name=second_combobox] option[value=" + $("select[name=first_combobox]").val() + "]").removeAttr("disabled");
    }
});

有人可以帮我解决这个问题吗？先谢谢