jQuery mobile:动态添加复选框

我之前没有jQuery移动体验,现在我正尝试在javascript中动态添加新的复选框。

使用(在html标头中)

jquery.mobile-1.4.5.min.css
jquery-1.11.3.min.js
jquery.mobile-1.4.5.min.js

HTML的一部分:

<form>
    <fieldset data-role="collapsible">
        <div id="agree" data-role="controlgroup"></div>
        <input type="submit" value="Submit">
    </fieldset>
</form>

JAVASCRIPT的一部分:

var html = '<input type="checkbox" name="checkbox-1" id="checkbox-1" /><label for="checkbox-1">I agree</label>'; 
$('#agree').html(html); 
$("input[type='checkbox']").checkboxradio("refresh");

我得到的只是普通的复选框,没有任何格式。 怎么了?我错过什么了吗?