title: Control one Jquery Mobile slider by
body: <p>I want to let the user pick a number of USD and show the EUR equivalent (or the other way around), I'm using a JQuery Mobile/PHP page and was thinking of using two sliders, one for EUR and one for USD and whenever a user changes the value of one slider the other one changes accordingly. Anyone that knows how to do this?</p>
  
  <pre><code>&lt;div id="content"&gt;
          &lt;form action="" method="POST"&gt;
              &lt;div data-role="fieldcontain"&gt;
                  &lt;label for="slider1"&gt;
                      USD
                  &lt;/label&gt;
                  &lt;input id="slider1" type="range" name="slider" value="50" min="0" max="100"
                  data-highlight="false"&gt;
              &lt;/div&gt;
              &lt;div data-role="fieldcontain"&gt;
                  &lt;label for="slider2"&gt;
                      EUR
                  &lt;/label&gt;
                  &lt;input id="slider2" type="range" name="slider" value="50" min="0" max="100"
                  data-highlight="false"&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  &lt;/div&gt; &lt;!-- end #content --&gt;
  </code></pre>