Moving div at an angle

Moving div at an angle

HTML

<!-- Moving div at an angle -->
<div></div>

CSS

div {
    width:50px;
    height:50px;
    background-color: red;
    position: absolute;
    top: 100px;
    left: 200px;
}

JavaScript

$(function() {
        var dist = 70;
        var angle = 60;
        var x = Math.cos(angle*Math.PI/180) * dist;
        var y = Math.sin(angle*Math.PI/180) * dist;
        $("div").animate({'left': '+='+x+'px', 'top': '+='+y+'px'}, 1000);      
    })