JQuery UI Dialog Object Not Supported

Hi All,

I have been wanting to use the JQuery Dialog because it looks a lot nicer than the standard JS prompt, but have been running into problems.

I have included JSON, JQuery, JQuery UI, and the individual files for Core, Mouse, Widget, Draggable and Dialog - in that order, and have wrapped my calling code in a document.ready as below

function on_create_load(){
$(document).ready(function () {

	 $("body").append("<div id='dkdt_dialog' title='Select Qualification Type'></div>");
	 $("#dkdt_dialog").dialog({
        title:   'Select Qualification Type',
		position: "top",
        modal: true,   //dims screen to bring dialog to the front
        buttons: {
            'Option 1': function() {
               chooseOption(24);
            },
            'Option 2': function() {
               chooseOption(25);
            },
            'Option 3': function() {
               chooseOption(28);
            }
        }
    });
	  $("#dkdt_dialog").dialog("open");
});
}

I am still getting the error 'Object doesn't support property or method 'dialog'. Is there a file or something I'm missing?

Thanks