Dynamically change part of a page
I use a server-side framework to generate a jQuery Mobile multi-page with several sub-pages. The framework allows server-side handling of JS-events and the server-side event handler can "rewrite" the content of individual HTML elements.
I could have a <div id="myId"><ul data-role="listview">...</ul></div> and from the server-side replace the div content with something else. On the browser side the replacement HTML fragment is parsed and the DOM tree is adjusted.