Eu tenho um diálogo modal usando o diálogo jquery UI. Agora quero colocar outra caixa de diálogo quando o usuário alterar um campo na primeira caixa de diálogo. Ambos devem ser modais.

Isso é possível, como eu tentei colocar esse código lá e nada parece aparecer. O código a seguir funciona bem quando clicamos em uma página normal (onde o controle de seleção com id: selectDropdownThatICanChange), mas se o mesmo controle de seleção que estou alterando for ele próprio uma caixa de diálogo, a linha de diálogo ("Open") não fará nada. O evento de mudança é acionado e o método aberto é chamado, mas nada é exibido.

$("#secondModalDialog").dialog({
    resizable: false,
    height: 'auto',
    autoOpen: false,
    title: "Warning",
    width: 400,
    modal: true,
    buttons: {
        'Close': function () {
            $("#secondModalDialog").dialog('close');
        }
    }
});


$('#selectDropdownThatICanChange').live("change", function () {
    $("#secondModalDialog").dialog('open');
});

e aqui está o diálogo (que é apenas um div)

<div id="secondModalDialog" style="display:none">
      This is a test <br/> This is  atest
</div>