I am building a workout catalog using jquery mobile for the UI and jquery templates to deal with the html. I have been able to append html to an already created page AND ge
Ok I got it. If you want to add a to the DOM you have to also add a value for data-url. When you create a static html page,
jQuery mobile automatically adds a data-url equal to the id you give it. When you do it yourself, you have to hold its hand and pass it a data-url="home". When you generate your html string append it to $.mobile.pageContainer so jQuery Mobile knows where to find it (appending it to the body works also, but it's probably best not to rock the boat).
After that, call .page() on your page in the DOM so that jQuery mobile does all of its magical magic to make it pretty.$('#home').page();