HTML选择选项值未更新

我有一个HTML表单，其中包含以下select元素：

<select class="form-control" onchange="$('form#filter').submit()" id="sort" name="sort">
    <option value="0" selected="selected">A - Z</option>
    <option value="1">Z - A</option>
</select>

问题是，当我选择不同的选项时，HTML不会更新并将我选择的选项设置为所选选项。

我完全不知道为什么它没有更新，我已经做了几个小时了。

这是绑定到表单上提交事件的函数，以备您需要：

$("form#filter").on("submit", function(evt)
{
    var form = $(this);
    var target = $("div#bands");
    var url = form.attr("action") + "/" + form.find('option[selected]').val();
    console.log(url);
    $.get(url).done(function(data)
    {
        target.html(data);
    });
    evt.preventDefault();
});