title: How to move an element in Diagonal Movement in jQuery?
body: <p>I know how to move up and down an element in jQuery.</p>
  
  <pre><code>$("#div").animate({"left": "+=100"}, 1000); //move 100px to the right
  </code></pre>
  
  <p>But I have no idea to move in diagonal movement. I'm doing chess board and I don't know how to move Bishop with effect. Please have a look at following URL <a href="http://chess.diem-project.org/" rel="noreferrer">http://chess.diem-project.org/</a></p>
  
  <p>I did like this... but it's not a proper way.</p>
  
  <pre><code>for(var i = 0;i&lt;50;i++){ // move down and move right 1 pixel at a time to get effect
   $("#div").animate({"left": "+="+x}, 1); 
   $("#div").animate({"top": "+="+x}, 1); 
  } 
  </code></pre>
  
  <p>Any idea? Really appreciate your helps!</p>