Estou tentando criar uma caixa de diálogo comJquery mobile. Tentei me referir à resposta aceita nesta questão SO mas não funcionou para mim.

Aqui está o meu código:

 <div data-role="page" id="first"> 
    <!-- Code -->  
    <div id = "dialog" data-rel="dialog">
        <div id = "errorText"></div>
        <button id = "closeDialog">OK</button>
    </div>
</div>

E aqui está o JS para fazê-lo (dentro de uma função):

//Nothing checked. Cannot continue. Add error message to div
$('#errorText').html("You must check the checkbox next to \"I Agree\" to continue");
//Open Dialog
$('#dialog').dialog();

Quando o código para criar a caixa de diálogo é atingido, nada acontece. Sugestões?