Formular einreichen, wenn sich die Dropdown-Box ändert - nichts tun

Question

Ich habe eine Ansicht erstellt, die eine DropDownList enthält, um eine Reihe von Datensätzen ein- oder auszublenden. Das Formular funktioniert einwandfrei, wenn ich manuell auf die Schaltfläche zum Senden klicke, aber wenn ich jQuery hinzufüge, um das Formular automatisch zu senden, wenn sich der Wert der DropDownList ändert, wird nichts getan.

@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(); 
    }); 
}); 

Wenn ich die Quelle der Seite zu sehen, wird das Formular die ID filterForm haben und die DropDownLost hat die ID HideDone.

Ich habe versucht, das Skript innerhalb der Using {} für den Fall, dass es einen Unterschied machte, aber es nicht getan.

Jede Hilfe wäre dankbar erhalten.