Get Top position of Dialog in JQuery
<p>I am using the <a href="http://jqueryui.com/demos/dialog/#option-position" rel="nofollow">position option on JQuery dialog plugin</a>. I am trying to figure out how to get just the "top" and "left" values out of this position object. However, I'm having difficulty figuring this out. Right now, I have a dialog defined as follows:</p>

<pre><code>&lt;a href="#" onclick="showHelp();"&gt;help&lt;/a&gt;
&lt;div id="helpDialog" title="Help"&gt;
  Some Help related text
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
    $("#helpDialog").dialog({
      autoOpen: false,
      modal: true,
      buttons: {
        'OK': function() {
          $(this).dialog('close');
        }
      }
    });
  });

  function showHelp() {
    $("#helpDialog").dialog("open");
    var p = ("#helpDialog").dialog( "option", "position" );
    alert( /* what goes here? */);
  }
&lt;/script&gt;
</code></pre>

<p>When this dialog opens, I want to display the "top" and "left" position of the dialog in an 'alert' window. But I can't figure it out. Can someone show me? Thanks!</p>
