JQuery UI Dialog over PDF

This is more than likely an Adobe issue where it thinks it should be in front all the time no matter what, however it is very annoying that you can't open a dialog over a PDF

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css">
<div id="container">
//Elements here appear dynamically
   <div id="id1">hulk</div>
   <div id="id2">rambo</div>
</div>

JavaScript

$('#container').on("click", "#id1, #id2", function() {
    alert($(this).prop('id'))
});