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">
<a href="www.google.com" id="yes">Read More &gt;&gt;</a>

JavaScript

$(document).ready(function() {
    $('a').click(function(event) {
        var id = $(this).prop('id');
        if (id == 'yes') {
            alert("just Alert HUlk");
            event.preventDefault();
            
            //i want to prevent
        } else {
            //redirect
        }
    });
});