<div id="dialogBoxDiv"></div>

<a href="javascript:void(0)" onClick="$.showDialog()" id="ReportDivId">Show Report</a>

<script>

var resp = "<input>"//Some Ajax Response

var position = $("#ReportDivId").position();

var left_pad = position.left;

var top_pad = position.top;

$("#dialogBoxDiv").attr("title", "<span class='bodytext'>Report</span>");//No I18N

$("#dialogBoxDiv").html(resp);

$('#dialogBoxDiv').dialog('option','position',[500, 100]);

<script>

On CLicking the Link the Dialog is always come in the Center. I want below the link.