jQuery animate expand proportionally
<p>I'm now in problem about how to <strong>animate</strong> function in jQuery to expand proportionally. Normally, it expand one-sided only just like expand to bottom or expand to right.</p>

<p>What I want is to expand proportionally left-right-top-bottom by using animate.</p>

<p><img src="http://i.stack.imgur.com/UQZ5W.jpg" alt="alt text"></p>

<p>Following is my coding. What I said above, it expand to bottom only.</p>

<pre><code>$(document).ready(function() {
    var theFrame = $("#FrmPatient", parent.document.body);
    theFrame.animate({width: 650, height: 485}, 1000);
});         
</code></pre>
