dropdownboxが変更されたときにフォームを送信する - 何もしない

Question

レコードのセットを表示または非表示にするDropDownListを含むビューを作成しました。フォームは、手動で送信ボタンをクリックしてもうまく動作しますが、DropDownListの値が変更されたときにフォームを自動的に送信するためにjQueryを追加すると、何もしません。

@using (Html.BeginForm("Index", "Features", FormMethod.Get, new { @id = "filterForm" })) 
{ 
    <label>Hide done:&nbsp;</label> 
    @Html.DropDownList("HideDone", new List<SelectListItem> 
    { 
    new SelectListItem { Text = "No", Value = "No" }, 
    new SelectListItem { Text = "Yes", Value = "Yes" } 
    }, new { @id = "HideDone" }) 
    <input type="submit" value="Filter" /> 
} 

$(document).ready(function() { 
    $('#HideDone').on('change', function() { 
    $('#filterForm').submit(); 
    }); 
}); 

私はページのソースを表示すると、フォームはfilterFormのIDを持っているとDropDownLostはHideDoneのIDを持っています。

私はUsing {}の中でスクリプトを動かそうとしましたが、それは何の違いもありませんでしたが、そうではありませんでした。

感謝の気持ちで助けてください。