javascript - JavaScriptで作成したダイアログの位置を設定する方法

Question

HTML:

<a href="www.google.com">Link</a>

JavaScript

$(document).ready(function() { 
    $(document.body).on('click',"a",function(event){ 
        if ($(this).hasClass('ui-dialog-titlebar-close')) return;
        event.preventDefault();        
        var data = '<div id="dialog" title="Basic dialog">';
            data += '<p>Hello.</p></div>';
        $(data).dialog();
    });  
});

このダイアログの位置を設定したい。に変更しようとしまし$(data).dialog();た$(data).dialog('option', 'position', [200,300]);が、うまくいきません。どうすれば設定できますか？

jsFiddle: http://jsfiddle.net/fcTcf/