[jQuery] how to animate two divs' position smoothly at the same time

[jQuery] how to animate two divs' position smoothly at the same time


There're two divs which have the same position,
<div id='first' style='left:0px,top:0px,width:100px,height:100px'/>
<div id='second' style='left:0px,top:0px,width:100px,height:100px'/>
Is there a method to move them smoothly at the same time.
below is not good:
$('#first').animate({left:'50px',top:'100px'},1000);
$('#second').animate({left:'50px',top:'100px'},1000);