How do i make a div animate diagonally?
<p>I am relatively proficient in html and css, but am not with javascript and jquery.  I am trying to get a div to move diagonally, however its not working.<br>
Here is my code:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;link href="style.css" rel="stylesheet"/&gt;
&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script type="text/javascript"&gt; 
$(document).ready(function(){
 $("#box1 div").animate({left: '+=150', top: '+=150'}, 1000);​​​​​​​​​​​​​​​
});
&lt;/script&gt;
&lt;div id="box1"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I know its probably something really stupid, but does anybody know what the problem is?
Thanks!</p>
