jquery mobile popup closing

HTML

<div data-role="page" id="indexpage">
    <div data-role="popup" data-history="false" id="appPopup">test popup</div>
</div>

JavaScript

$("#indexpage").on("pageshow", function () {
    $("#appPopup").popup("open");
});

// log popup events
$(document).on("popupcreate popupinit popupafteropen popupafterclose", "[data-role=popup]", function (e) {
    console.log(e.target.id + " -> " + e.type);
});