Ajax请求后重新填充下拉列表

Question

整个JavaScript我仍然在耳朵后面湿透了，但是我对这个ASP.Net MVC 4风格感到头疼。无论何时选择某个特定国家/地区，我都希望仅使用该国家/地区的城市填充下拉列表。简单的概念，但很多部分，使其工作。这是一个我没有参与设计的项目，因此第一部分是遗留代码。这是我的城市选择列表的初始声明。

<div id="city_info" style="display: none">
    @Html.LabelFor(model => model.Position.CityId, "City *", new { @class = "col-sm-2 control-label" })
        <div class="col-sm-3">
            @Html.DropDownListFor(model => model.Position.CityId, ViewBag.Cities as SelectList, string.Empty, new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Position.CityId)
        </div>
    </div>

这是我编写的Ajax调用，用于获取包含所有城市的JSON对象{int id，String name}。

 $.get('@Url.Action("GetCitiesByCountryId", "Ajax")', 
       { id: $('option:selected', $(this)).value() }, 
       function(data) {
           //What goes here? 
       });

我不确定需要定位哪些标签或ID，然后我只是说“数据为SelectList？”我在这个阶段的地点和方式都有点迷失。