javascript - 1 つの Jquery Mobile スライダーを制御する

Question

ユーザーに米ドルの数を選択させて、同等のユーロを表示させたい (またはその逆)、私は JQuery Mobile/PHP ページを使用しており、2 つのスライダー (1 つはユーロ用、もう 1 つは米ドル用) を使用することを考えていました。ユーザーが一方のスライダーの値を変更すると、それに応じてもう一方のスライダーも変更されます。これを行う方法を知っている人はいますか？

<div id="content">
        <form action="" method="POST">
            <div data-role="fieldcontain">
                <label for="slider1">
                    USD
                </label>
                <input id="slider1" type="range" name="slider" value="50" min="0" max="100"
                data-highlight="false">
            </div>
            <div data-role="fieldcontain">
                <label for="slider2">
                    EUR
                </label>
                <input id="slider2" type="range" name="slider" value="50" min="0" max="100"
                data-highlight="false">
            </div>
        </form>
</div> <!-- end #content -->