Checkboxradio: demo fixup

Author: arschmitz

demos/checkboxradio/default.html

@@ -19,28 +19,27 @@
 <div class="widget">
 	<h1>Checkbox and radio button widgets</h1>
 	<h2>Checkbox</h2>
-
 	<fieldset>
-		<legend>Rating</legend>
-		<label for="checkbox-1">2 Star</label>
-		<input type="checkbox" name="checkbox-1" id="checkbox-1">
-		<label for="checkbox-2">3 Star</label>
-		<input type="checkbox" name="checkbox-2" id="checkbox-2">
-		<label for="checkbox-3">4 Star</label>
-		<input type="checkbox" name="checkbox-3" id="checkbox-3">
-		<label for="checkbox-4">5 Star</label>
-		<input type="checkbox" name="checkbox-4" id="checkbox-4">
+		<legend>Filter by rating</legend>
+		<label for="rating-1">2 Star</label>
+		<input type="checkbox" name="rating" id="rating-1" value="1">
+		<label for="rating-2">3 Star</label>
+		<input type="checkbox" name="rating" id="rating-2" value="2">
+		<label for="rating-3">4 Star</label>
+		<input type="checkbox" name="rating" id="rating-3" value="3">
+		<label for="rating-4">5 Star</label>
+		<input type="checkbox" name="rating" id="rating-4" value="4">
 	</fieldset>
 	<h2>Radio Group</h2>
 	<fieldset>
-		<legend>Location: </legend>
-		<label for="radio-1">New York</label>
-		<input type="radio" name="radio-1" id="radio-1">
+		<legend>Filter by location: </legend>
+		<label for="location-new-york">New York</label>
+		<input type="radio" name="location" id="location-new-york">
 		<label>Paris
-			<input type="radio" name="radio-1" id="radio-2">
+			<input type="radio" name="location" id="location-paris">
 		</label>
-		<input type="radio" name="radio-1" id="radio-3">
-		<label for="radio-3">London</label>
+		<input type="radio" name="location" id="location-london">
+		<label for="location-london">London</label>
 	</fieldset>
 </div>