Tooltip stuck with two dialogs

Have a tooltip displayed on one dialog by tabbing to it, click on the other dialog and the tooltip for the now not on top dialog stays open.

by dwaddell

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css">
<div id="dialog1" title="Basic dialog1">
    <button title="button1">hi</button>
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<div id="dialog2" title="Basic dialog2">
    <button title="button2">hi</button>
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

JavaScript

$("#dialog1").dialog();
$("#dialog1").find('button').button().tooltip();

$("#dialog2").dialog();
$('#dialog2').find('button').button().tooltip();