jquery dialog w dialogu Opcje

[backen]

Witam mam taki problem z dialogiem i nie mam pojecia jak go usunac.

[HTML] pobierz, plaintext 
 
<div id="dialog1">
 
<div id="dialog2">
 
 
</div>
 
 
<button>otworz dialog 2</button>
<script>
$('#dialog2').dialog();
</script>
</div>
 
<button>otworz dialog 1</button>
<script>
$('#dialog1').dialog();
</script>
[HTML] pobierz, plaintext 

i wszystko sobie jadnie dziala ale gdy

otworze dialog 1 i dialog 2
do body dodja sie divy z dialogami i jest ok
ale gdy znow otworze dialog 1 jquerowski div dialog1 zmienia sie na display: block ale po otwarciu dialog2 tworzy sie nowy dialog2 i w body sa 3 dialogi.
jak zrobic zeby dialog2 wiedzial ze juz byl otwarty i nie tworzylo nowego dialogu?