JQuery Mobile popupPanel in WordPress Page

I can create a basic HTML page using the example https://jquerymobile.com/test/docs/pages/popup/popup-panels.html and it works as designed. I’m attempting to produce the same popup functionality with this code in a WordPress homepage with zero luck. The Open Panel button is at the top right of https://test2.dfigdesign.com and my panel should appear after the <div id=”main” data-role=”content”>. I have the the CSS and scripting included in the page.

How should this be handled differently to have the page return a panel, please?

<div data-role=”popup” id=”popupPanel-popup” data-corners=”false” data-theme=”none” data-shadow=”false” data-tolerance=”0,0″>

<button data-theme=”a” data-icon=”back” data-mini=”true”>Back</button>
<button data-theme=”a” data-icon=”grid” data-mini=”true”>Menu</button>
<button data-theme=”a” data-icon=”search” data-mini=”true”>Search</button>

</div>