Мобильные складные AJAX JQuery, действующие как отдельные складные наборы

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 в порядке, но они отображаются так, как будто они находятся в отдельных наборах, даже если это не так.

Это дает более четкое визуальное представление о происходящем: http://jsfiddle.net/gNJn8/