使用$ .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>

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