Working on my first app and really like the Open Panel on Swipe feature. I was able to get it working by placing the script in my document head tag. I changed the pagename from #demp-page to #mypage and it works like a charm for that page only. I've been looking for a way to have this work on all my pages, not just one.
JQM ignores the content of <head> on all but the first page. Anything you change in <head> between pages will not have any effect. (Except for <title>).
I see you are using IDs for left panel and right panel, and duplicating them on each page. This will not work. When you reference an ID, the browser will not know which of multiple duplicate IDs you mean, and will have to punt. (And different browsers punt differently.)
You will need to take a different approach, using classes, rather than IDs.
Since you want to do this on every page, why not just use .ui-page rather than the page ID, and use classes instead of IDs for left panel and right panel?