Вставить разметку без потери стиля JQuery Mobile

Привет, я пытаюсь сделать сбрасываемый список с динамическими данными. У меня проблема, когда я пытаюсь вставить некоторую разметку внутри div. Более конкретно, все html не разрабатываются jQuery Mobile.

Вот упрощенная версия того, как я пытаюсь это сделать:

HTML-код

<div id="testdiv">
</div>

JAVASCRIPT

$(document).ready(function() {
    append();
});

function append() {
    var str =   '' +
                '<div data-role="collapsible-set" data-theme="a" data-content-theme="d">' +
                    '<div data-role="collapsible" id="monday">' +
                        '<h2>Måndag</h2>' +
                        '<form>' +
                            '<fieldset data-role="controlgroup">' +
                                '<input type="checkbox" name="checkbox-monday-Coachtid" id="checkbox-monday-Coachtid">' +
                                '<label for="checkbox-monday-Coachtid">Coachtid</label>' +
                                '<button data-theme="b">Spara</button>' +
                            '</fieldset>' +
                        '</form>' +
                    '</div>' +
                '</div>' +
                '';
    $("#testdiv").html(str).testdiv;
}

Когда я пытаюсь поставить ул в, как это с JavaScript, я в конечном итоге с чем - то вроде этого:

Но когда просто вставляйте str так, как если бы он был написан как есть в html файле, он выглядит так:

Мой вопрос, есть ли способ вставить html внутри div и заставить его получить jQuery Mobile и получить этот стиль?

благодаря