Scrolling to bottom of the page when link clicked?
<p>I am opening jQuery dialog when a link is clicked. Dialog is opening fine, but the page is scrolling down to page so I can't see the dialog until I scroll up. How to can I avoid this?</p>

<pre><code>&lt;script language="javascript" type="text/javascript"&gt;
    $(document).ready(function () {
            jQuery("#waitDialog").dialog({

            autoOpen: false,
            modal: true,
            height: 375,
            position: 'center',
            width: 400,
            draggable: true,                
            closeOnEscape: false,
            open: function (type, data) {
                $(".ui-dialog-titlebar-close").hide();
                $(this).parent().appendTo("form");
            }
        });
    });
    function showDialog(id) {
            $('#' + id).dialog("open");     
    }
&lt;/script&gt;
 &lt;div id="waitDialog" style="display:none; cursor: default"&gt;        
    &lt;table  class="ms-authoringcontrols"  style="border-top:1px black solid; border:1px black solid; height:70px "  &gt;
    &lt;tbody&gt;
          &lt;tr&gt;
        &lt;td class="ms-sectionheader ms-rightAlign"&gt;
            Please wait.
        &lt;/td&gt;
          &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;

&lt;map name="Map"&gt;
  &lt;area shape="rect" coords="225,16,287,33" href="/_layouts/MyAlerts.aspx" onclick="javascript:showDialog('waitDialog');"  alt="My Alerts"&gt;
 &lt;/map&gt;
</code></pre>
