fixed docs for slider widgets

docs/forms/forms-slider.html

@@ -33,16 +33,16 @@ <h2>Sliders</h2>
 
 			<p>An example of a slider and input is displayed like this:</p>
 			<div data-role="fieldcontain">
-				<label for="slider">Input slider:</label>
-			 	<input type="range" name="slider" id="slider" value="0" min="0" max="100" data-theme="b" data-track-theme="a"  />
+				<label for="slider-1">Input slider:</label>
+				<input type="range" name="slider-1" id="slider-1" value="0" min="0" max="100" data-theme="b" data-track-theme="a" />
 			</div>
 
 			<p>By setting the <code>min</code> and <code>max</code>attributes you can configure the allowable number range of the slider track. The <code>value</code> of the input is used to configure the starting position of the handle and the value populated in the text input.</p>
 
 			<p>The slider with a min of 500, max of 5,000 and initial value of 2,500</p>
 			<div data-role="fieldcontain">
-				<label for="slider">Input slider:</label>
-			 	<input type="range" name="slider" id="slider" value="2500" min="500" max="5000"  />
+				<label for="slider-2">Input slider:</label>
+				<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" />
 			</div>
 
 	</form>
@@ -51,4 +51,4 @@ <h2>Sliders</h2>
 </div><!-- /page -->
 
 </body>
-</html>
+</html>