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

[eddy]

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);