Jquery onchange giving me fits.

Question

I know I must be overlooking something. Here is my code, why is this not working:

    <label>
        Customer</label>
    <%= Html.DropDownList("CustCodes", (SelectList)ViewData["CustCodes"], "-- Select a Customer --", null) %>

<script type="text/javascript">
    $(document).ready(function() {
        $("select#CustCodes").bind("change", gotoDivison);
    });

    function gotoDivision() {
        alert("/ServiceCall/Open");
    }
</script>

Answer 1

Try this?

<script type="text/javascript">
    $(document).ready(function() {
        $("select#CustCodes").change(
            function () {
                alert("/ServiceCall/Open");
            }
        );
    });
</script>

Answer 2

It looks like a simple typo. In the original code you were referencing gotoDivi**so**n in the bind, and the function is called gotoDivi**sio**n.