title: display jquery confirmation dialog center of screen
body: <p>I would like to display the Confirmation on center of screen.
  My View:</p>
  
  <pre><code>&lt;table id="test" class="table table-bordered table-striped table-hover"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Value&lt;/th&gt;
                  &lt;th&gt;Message&lt;/th&gt;
                  &lt;th&gt;EffectiveDate&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              @foreach (var item in Model.LookupValues)
              {            
                  &lt;tr&gt;
  
                      &lt;td&gt;@Html.DisplayFor(m =&gt; item.Value)&lt;/td&gt;
                      &lt;td&gt;@Html.DisplayFor(m =&gt; item.Message)&lt;/td&gt;
                      &lt;td&gt;@Html.DisplayFor(m =&gt; item.EffectiveDate)&lt;/td&gt;
                      &lt;td&gt;
                         @Html.ActionLink("DeleteTEST", "Delete", "Values", new { area = "Admin", id = item.LookupValueKey }, new { @class = "deleteTEST" })
                      &lt;/td&gt;
                  &lt;/tr&gt;
              }
  
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$('.deleteTEST').click(function () {
          var answer = confirm('Do you want to delete this record?');
          if (answer) {
              $.post(this.href, function () {
                  window.location.reload(); //Callback
              });
              return false;
          }
          return false;
      });
  </code></pre>
  
  <p>Which displays on top of screen.</p>
  
  <p>Can anyone tell how to display this confirmation on center.</p>