jQuery Forum

1. $(document).on('pagecreate', '[data-role="page"]',function(event){
2.       var source   = $("#footer-template").html();
3.       var template = Handlebars.compile(source);
4.       var data = { items: [
5.          {name: "Promo", id: "promo", icon: "star"},
6.       ]};
7.       $("#footer-placeholder").html(template(data));
8.    });

The footer loads fine, but only once.  When I switch to another page and come back to the main page, the footer is gone - or more accurately, it's still there but the jquery-mobile style isn't applied to it anymore.  If I move the code to the "pageshow" event, it doesn't work at all.