creating input form items dynamically not showing

creating input form items dynamically not showing

I'm making a call to the back-end which returns one or more values.  I'd like to use the return values as input/ checkbox items.  Here's how I've implemented this thus far:
  2. $.mobile.changePage("#establishRelationship", "slide", false, true);
  3. checkboxMarkup += "<input type='checkbox' name='${name}' id='${id}' class='inputs' />";
  4. checkboxMarkup += "<label for='${id}'>${name}</label><br />";
  5. $("#establishRelationshipControlGroup").empty();
  6. $.each(km.core.currentRelationships, function(cnt) {
  7. arr.push({
  8. "name": km.core.currentRelationships[cnt],
  9. "id": ("rel-" + cnt)
  10. });
  11. });
  12. $.template("checkboxTemplate", checkboxMarkup);
  13. $.tmpl("checkboxTemplate", arr).appendTo("#establishRelationshipControlGroup");
  14. $('input').checkboxradio("refresh");
This does not produce the desired outcome.  I get regular, unformatted html checkboxes.  Not like the formatting you see  here.

Suggestions?