javascript - jQuery は選択タグ内に追加オプション タグを追加しません

Question

私のJSコードには次のものがあります。

$(document).ready(function () {
    var newOptions = "{'East': 'first','West': 'second', 'North': 'third'}";
    var option = $('#type_form');

    option.empty(); 

    $.each(newOptions, function(key, value) {
        option.append($('<option></option>').attr('value', value).text(key));
    });
});

HTML は次のとおりです。

<select id="type_form">
    <option value="first">First</option> 
    <option value="second">Second</option> 
</select>

Chrome の JS コンソールでエラーが発生することはありません。すべてのオプション タグが削除されますが、何も置き換えられません。

何か案は？