jquery - $.getJSON を使用して複数選択ボックスを埋める

Question

私は簡単なテスト ページを書いていますが、HTML と JQuery は初めてです。ほとんどの書式設定に twitter ブートストラップ 2.04 を使用しています。私がやりたいのは、ページがロードされたときにJSONリターンを使用して、複数選択ボックスにリストを入力することだけです。私はたくさんの例を見て、それを機能させるためにいくつかの異なる方法を試しましたが、ボックスは空白のままです. 私が言ったように、私は HTML と JQuery に少し慣れていないので、おそらく見落としている単純なものがあるでしょう。ここに私のコードのコピーがあります。

        <select id="categorySelect" multiple="multiple"></select>
        <script>
            $(document).ready(function () {
                $.getJSON("https://myurl", function (response) {
                    $.each(response, function (categoryId, name) {
                        $('#categorySelect').append('<option id="' + categoryId + '">' + name + '<option/>');
                    });
                });
                });
        </script>

私が得ることができるどんな助けにも本当に感謝しています。ありがとう！