jquery - jQuery を使用して「選択」要素に新しいオプションを追加できません

Question

MVC アプリケーションがあり、JavaScript コードを含むビューがあります。サービスからデータを取得し、Json 文字列 (オブジェクトではない) を返します。コントローラーのコードは次のとおりです。

public JsonResult GetDataTableAsJson()
{
    return Json(MobileServiceClient.GetAllCashdesks(), JsonRequestBehavior.AllowGet);
}

ビューの JavaScript コード:

$.ajax({

    ...

    html.push('<select id="options">');
    html.push('</select>');

    $.ajax({
        url: hostName + 'Search/GetDataTableAsJson',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        crossDomain: "true",
        async: false, 
        success: function (data1) {
            var dt = JSON.parse(data1);
            $.each(dt, function(key, value) {
                $('#options').append($("<option></option>").attr("value", value.CityName).text(value.CityName));

        ...

それは何が起こるのですか？リストは空ですが、項目があるはずです。

2番目のAjax呼び出し内の「選択」要素をチェックすると:

var menu = document.getElementById("options");

メニューはゼロです。

私が間違っていることは何ですか？