<button onclick="$('#BookmarksPopup').popup('open');">Popup</button>


<div data-role="popup" id="BookmarksPopup">
        <ol data-theme="d" data-role=listview data-inset=false >
            <li><a data-icon="home" data-rel="popup" href="#BMPopup">Bookmark</a></li>
            <li><a data-icon="home" onclick="closePopup();">Close</a></li>
        </ol>
    </div><!-- /popup BookmarkPopup-->

    <div data-role="popup" id="BMPopup">
        <ol data-theme="d" data-role=listview data-inset=false >
            <li><a data-icon="home" onclick="SaveBookmarkPage();">Bookmark this Page</a></li>
            <li><a data-icon="home" onclick="SaveBookmark(0);">Bookmark this Audio</a></li>
            <li><a data-icon="home" onclick="SaveBookmark(1);">Bookmark Audio Position</a></li>
            <li><a data-icon="home" onclick="DisplayBookmarks();">Manage Bookmarks</a></li>
            <li><a data-icon="home" onclick="closePopup();">Close</a></li>
        </ol>
    </div><!-- /popup BookmarkPopup-->

<button id='pid'>Popup</button>
<div data-role="popup" id="BookmarksPopup" data-position-to="window">
<ol data-theme="d" data-role=listview data-inset=false>
    <li><a data-icon="home" data-rel="popup" href="#BMPopup">Bookmark</a>
    </li>
    <li><a data-icon="home" onclick="closePopup();">Close</a>
    </li>
</ol>
</div>
<div data-role="popup" id="BMPopup" data-position-to="window" >

    <ol data-theme="d" data-role=listview data-inset=false>
        <li><a data-icon="home" onclick="SaveBookmarkPage();">Bookmark this Page</a>
        </li>
        <li><a data-icon="home" onclick="SaveBookmark(0);">Bookmark this Audio</a>
        </li>
        <li><a data-icon="home" onclick="SaveBookmark(1);">Bookmark Audio Position</a>
        </li>
        <li><a data-icon="home" onclick="DisplayBookmarks();">Manage Bookmarks</a>
        </li>
        <li><a data-icon="home" onclick="closePopup();">Close</a>
        </li>
    </ol>

</div>

$('#pid').click(function () {
  $('#BookmarksPopup').popup('open');
});