Loading jQuery UI dialogs from GreaseMonkey?

Loading jQuery UI dialogs from GreaseMonkey?


Hi --
Has anyone managed to get jQuery UI working via GreaseMonkey? I am
adapting code from http://www.joanpiedra.com/jquery/greasemonkey/ to
load jQuery and then attempting to display a dialog box. The
UserScript is shown below. Things work fine until the actual dialog()
call is made, at which point I get the following error in the FF3
error console:
Error: $("<div id='example' class='flora' title='This is my title'>I'm
in a dialog!</div>").dialog is not a function
Note that the previous alert() call to display $ seems to work fine --
any suggestions?
Ramon
// ==UserScript==
// @name jQueryTest
// @namespace http://www.example.com/
// @include *
// ==/UserScript==
// Add jQuery
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
// Check if jQuery's loaded
function GM_wait() {
if(typeof unsafeWindow.jQuery == 'undefined')
{ window.setTimeout(GM_wait,100); }
    else { $ = unsafeWindow.jQuery; letsJQuery(); }
}
GM_wait();
// All your GM code must be inside this function
function letsJQuery() {
alert($); // check if the dollar (jquery) function works
// the next call fails
$("<div id='example' class='flora' title='This is my title'>I'm in
a dialog!</div>").dialog({
     buttons: {
     "Ok": function() {
     alert("Ok");
     },
     "Cancel": function() {
     $(this).dialog("close");
     }
     }
    });
}