In a basic sense, you customize jQuery Mobile page content the same way you customize any starter-page-generated content. Starter pages come with template content, and you can replace that with your own real content.
Simple enough? Kind of. As we've noted, there is a different order of gaps between the content and layout in jQuery Mobile pages. To put it another way, nothing is even close to how it appears with Live View turned off. And yet, you can't edit content in Live View.
Div tags associated with the jQuery Mobile script can function as different kinds of elements, including ones that appear to be and act like pages in a mobile device. This is done by implementing the data-role property in HTML5 tags, and then defining CSS (stylesheet) rules to go with each data-role.
Typically, and this is the case for the starter pages in Dreamweaver, jQuery Mobile pages are organized and laid out using the following four data-roles:
Page
Header...