jquery one slider controls another

<div id='example1' class='ui-slider-1' style="margin:10px;">
<div class='ui-slider-handle'></div>
</div>

<div id='example2' class='ui-slider-1' style="margin:10px;">
<div class='ui-slider-handle'></div>
</div>

$('#example1').slider( { slide: moveSlider2 } );
$('#example2').slider( );

function moveSlider2( e, ui )
{
    $('#example2').slider( 'moveTo', ui.value );
}