jQuery Mobile - How to mobile-ize a checkbox rendered via jQuery Templates

On a jQuery Mobile site I have elements of a <ul> being populated by jQuery Templates, filling out <li> items so something like this:

<ul>
</ul>
<button>Fill</button>

<script type="text/x-jquery-tmpl" id="tmpl-items">
<li><input type="checkbox" name="guys" /> ${FirstName} ${Las开发者_如何学JAVAtName}</li>
</script>

<script type="text/javascipt">
$('this-page-id').live('pageinit', function() {
  $('button').click(function() {
    $('#tmpl-items').tmpl(MyApp.Model)
      .appendTo('ul')
  });
})
</script>

Everything works, except the checkbox renders as a normal checkbox, not a cool jquery-mobilized checkbox. I know that the trick is to call "refresh" on the widget but I have no idea what widget I should be using - there is no data-role here. Does anybody know?

---

Can you triggering a create on the ul,like this $('ul').trigger('create');