Unable to make an element move diagonally with jQuery animate()
<p>Alright so I only need to learn JQuery for a couple of animations on a site I'm building. </p>

<p>I've been reading the tutorials on the JQuery site and am just trying to implement a simple diagonal move animation. </p>

<p>I'm still extremely new to JQuery (as in, started today) but from everything i understand, the following code should work. What error am i making?</p>

<pre><code>&lt;head&gt;
&lt;script type="text/javascript" src="JQuery.js"&gt;
&lt;/script&gt;

&lt;script&gt;
$(document).ready(function(){
    $("#moveme").click(function(event){
    $("#moveme").animate({right: '+=50', bottom: '+=50'}, 1000);​​​​​​​​​​​​​​​ 
    });
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div id="moveme"&gt;
Move this text
&lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>added relative property from css and fixed parenthesis issue with <code>document</code> but still not working.</p>
