Ajax call to populate select list when another select list changes

Question

Following on from this post, I\'m attempting to populate a select list of \'cities\' when another select list of \'countries\' changes. I followed the same approach as the

Answer 1

SOLVED

$('#Country').change(function () {
    var selectedValue = $(this).val();
    $.get({
        url: '@Url.Action("CityDropDownList", "Home")',
        data: { country: selectedValue },

        success: function (result) {

            alert(result);
            var cities = $('#City');
            cities.empty();

            $.each(result, function () {

                cities.append(
                        $('', {
                            value: this.Value
                        }).text(this.Text)
                    );
            });
        }
    });
});