jQuery UI "close button" em vários "dialogs"

Olá pessoal, estou com problemas no jQuery + jQuery UI:

Como eu uso um único botão de "fechar" para várias caixas de diálogo?

Javascript

$("#cancel").button().click(function() {
	$('#dialog_1').dialog('close');
	$('#dialog_2').dialog('close');
	$('#dialog_3').dialog('close');
});

HTML

<div id="dialog_1" title="<?php __('Dialog 1'); ?>">
	<button id="dialog_1_accept" /><img src="/img/editor/accept.gif" /></button>
	<button id="cancel" /><img src="/img/editor/cancel.gif" /></button>
</div>
<div id="dialog_2" title="<?php __('Dialog 2'); ?>">
	<button id="dialog_2_accept" /><img src="/img/editor/accept.gif" /></button>
	<button id="cancel" /><img src="/img/editor/cancel.gif" /></button>
</div>
<div id="dialog_3" title="<?php __('Dialog 3'); ?>">
	<button id="dialog_3_accept" /><img src="/img/editor/accept.gif" /></button>
	<button id="cancel" /><img src="/img/editor/cancel.gif" /></button>
</div>

Não funciona corretamente... ele só funciona com o primeiro "dialog"

Espero que me ajudem, e agradeço