Simple jquery ui dialog

Simple jquery dialog to demonstrate issue with tabbing between buttons problem in Safari 6.0.5, at least on Mac in Mountain Lion.

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/humanity/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<div id='dialog' title='Add URL pattern'>
    <p>Welcome to the dialog</p>
</div>

JavaScript

jQuery(function() {
    jQuery('#dialog').dialog({
        autoOpen: true,
        width: 300,
        modal: false,
        buttons: [
            {
                id: "alertButton",
                text: 'Alert',
                click: function() {
                    alert("hello");
                }
            },
            {
                id: "closeButton",
                text: 'Close',
                click: function() {
                    jQuery(this).dialog('close');
                }
            }
        ]
    });
});