Noob jquery error when two items have the same id
<p>This works fine but when I have two sliders, the javasctript causes problems because both have the same id "range". How can I modify the js to allow two sliders to be on the same page? Thanks</p>

<pre><code>&lt;li&gt;
&lt;label for="budget"&gt;Budget*&lt;/label&gt;
&lt;input type="range" min="1000" max="10000" value="2000" step="1000" onchange="showValue(this.value)"&gt;
&lt;span id="range"&gt;$2000&lt;/span&gt;

&lt;script&gt;
  function showValue(newValue)
  {
    document.getElementById("range").innerHTML=newValue;
  }
&lt;/script&gt;
&lt;/li&gt;
</code></pre>
