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">
<script src="https://raw.github.com/cowboy/jquery-hashchange/v1.3/jquery.ba-hashchange.js"></script>
<!-- This is more than likely an Adobe issue where it thinks it should be in the front all the time no matter what however it is very annoying that you can't open a dialog over a PDF-->


    <div id="thisDialog">Hello</div>
    <a href="#!/openThisDialog" id="aLink">Click here to view modal box</a>
    
    <p>Try and click the back button after</p>

CSS

body{
    font-size:.9em;
}

JavaScript

var theHash="";
$(function() {
    var $aDialog = $('#thisDialog').dialog({
        autoOpen: false,
        draggable: true,
        resizable: true,
        title: 'Dialog',
        modal: true,
        height: ($(window).height() * 0.95),
        width: ($(window).width() * 0.9),
        close: function(){location.hash=''}
    });

    $(window).hashchange(function () {    
        theHash = location.hash.replace(/^#!\//, "");

        if(theHash=="openThisDialog")
            $aDialog.dialog("open");
        else
            $aDialog.dialog("close");
    });
    
    $(window).hashchange();
});