jquery - 使用 $.getJSON 填充多选框

Question

我正在编写一个简单的测试页面，并且是 HTML 和 JQuery 的新手。我使用 twitter bootstrap 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>

我非常感谢我能得到的任何帮助。谢谢！