title: Popup window not centering using JQuery
body: <p>I am new to this, and tried several thing posted. I can get a popup window with my html page on the same domain, but can not center it. Here is my code:</p>
  
  <p>JS:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" &gt;&lt;/script&gt;
  
  &lt;script&gt;
  jQuery.fn.center = function(){
     this.css("position", "fixed");
     this.css("top", ($(window).height() / 2) - (this.outerHeight() / 2));
     this.css("left", ($(window).width() / 2) - (this.outerWidth() / 2));
     return this;
  }
  $(document).ready(function(){
     $('a#Popup').click(function(event){
        event.preventDefault();
        window.open(
           $(this).attr("href"),
           "popupWindow",
           "width=760,height=720,scrollbars=no"
        );
     });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;td&gt;
     &lt;li&gt;
        &lt;a id="Popup" href="/images/Gallery/CustomBumperPlates/CustomBumperPlates.html" title="Gallery"&gt;
           Custom Bumper Plates
        &lt;/a&gt;
     &lt;/li&gt;
  &lt;/td&gt; 
  </code></pre>
  
  <p>I have done it so many ways, not sure how to center it.</p>