无法从getjson查询切换json数据

Question

我正在尝试利用jQuery下拉工具通过getjson来切换json响应中的数据。我的数据行仍处于关闭状态，并且不响应点击。

工作fiddle。

$.getJSON('jsondata', function (data) {
    (function () {
        $.each(data.DataCollections, function (i, user) {
            var i = 0;
            var tblRow = "<dt><h1 title='" + user.metadata.title + "'>" + user.dataCollectionID + "</h1></dt>" + "<sub>" + user.metadata.longDescription + "</sub>";
            tblRow = tblRow + "<dd><ul>"
            while (i < user.data.length) {
                tblRow = tblRow + "<li><i>" + "<b class='gray'>" + user.data[i].id + "</b> - " + user.data[i].alias + "</i></li>"
                i++
            }
            tblRow = tblRow + "</ul></dd>";
            $(tblRow).appendTo("#DataCollections");
            jQuery(document).ready(function () {
                jQuery("#Facts dd").hide();
                jQuery("#Facts dt").click(function () {
                    jQuery(this).next("#Facts dd").slideToggle(650);
                    jQuery(this).toggleClass("expanded");
                });
            });
        })
    })();
});