How do I...Implement Edit view for nested dropdown lists in MVC4

jquery function to call onchange event of first drop down
$("#buildingId").change(function () {
$("#wingId").empty();
$.ajax({
type: 'POST',
url: '@Url.Action("FillWingsData")', // we are calling json method

dataType: 'json',

data: { id: $("#buildingId").val() },
// here we are get value of selected Building and passing same value as input to json method FillWingsData.

success: function (wings) {
// Wings contains the JSON formatted list
// of Wing passed from the controller

$.each(wings, function (i, wing) {
$("#wingId").append('<option value="' + wing.Value + '">' +
wing.Text + '</option>');
// here we are adding option for Wings

});
},
error: function (ex) {
alert('Failed to retrieve wings.' + ex);
}
});
return false;
})

cshtml code
<td>
@Html.DropDownListFor(model => model.BuildingId, (SelectList)ViewData["BuildingData"], "Select Building", new { id = "buildingId", @style = "width:200px;" })<br />
@Html.ValidationMessageFor(model => model.BuildingId, "", new { style = "Color:Red; Font-Size: 12px" })
</td>
<td>
@Html.DropDownListFor(model => model.WingId, new SelectList(string.Empty, "WingId", "WingName"), "Select Wing", new { id = "wingId", @style = "width:200px;" })<br />
@Html.ValidationMessageFor(model => model.WingId, "", new { style = "Color:Red; Font-Size: 12px" })
</td>

Controller class
public JsonResult FillWingsData(string id)
{
long buildingId = Convert.ToInt64(id);
var wings = (from wing in db.SM_BuildingWings
where (wing.BuildingId == buildingId && wing.Status == "A")
select wing).ToList();
return Json(new SelectList(wings, "WingId", "WingName"));
}
This json function call when first drop down value is changed and it filled second drop down

Now while inserting record in table from this form it is proper.
But on edit second drop down is not filling. i.e. onchange event is not calling on edit thats why second drop down is not filling. How can I call onchnage event of jquery on edit view.
Please help in this issue.