AJAX JQuery移动可折叠，就像在单独的可折叠集中一样

Question

if(x.length > 0){
    $("#txtHint").append('<div data-role="collapsible-set" id="collapsible-set"></div>');
    for(i = 0; i < x.length; i++){
        var collapsible = '<div data-role="collapsible" data-collapsed="true" data-theme="none">Content</div>';
                    $("[data-role=collapsible-set]").append($(collapsible).collapsible()).trigger("create");
    } 
}

它将可折叠的div添加为ok，但它们显示为好像它们在不同的集合中，即使它们不是。

这可以更直观地了解视觉上发生的事情：http://jsfiddle.net/gNJn8/