Dynamically create page in jquery mobile, only to include specific data from websql database

I have an application that has a page where all id's are selected from the table and specific bits of information are shown in html. What i would like to do next is to make each of these elements as a whole a link to essentially, a 2nd level down.

This level down page will reveal all information bound to that row's id, is it possible to build this in a way that is dynamic?

I am using jQuery mobile to build pages, and i'd like to use 1 template and append the relevant html elements into it, and populate each with the id bound information.

I hope this makes some sense, and any guidance or suggestions would be greatly appreciated.

The above mockups represent what i would like to achieve, the left image displays a list of all rows in the table, upon clicking one of them, you are taken to another page, with only information for that particular id.

Can i achieve this for each item within the list?