Creando un diálogo JQuery Mobile

Estoy intentando crear un diálogo conJquery mobile. He tratado de referirme a la respuesta aceptadaen esta pregunta SO pero no funcionó para mí.

Aquí está mi 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>

Y aquí está el JS para hacerlo (dentro de una función):

//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();

Cuando se alcanza el código para crear el diálogo, no sucede nada. ¿Sugerencias?