Button: updates to demos based on pr review

Author: arschmitz

demos/button/checkbox.html

@@ -12,35 +12,27 @@
 	<link rel="stylesheet" href="../demos.css">
 	<script>
 	$(function() {
-		$( "form input" ).checkboxradio();
+		var checkboxes = $( "form input" ).checkboxradio();
 
-		$(".controls input, .controls select").on( "change", function(){
+		$( ".controls input, .controls select" ).on( "change keyup", function(){
 			var option = $( this ).attr( "name" ),
 				value = $( this ).val();
 
-			if( $( this ).attr( "type" ) === "checkbox" ) {
+			if( $( this ).is( "[type=checkbox] ") ) {
 				if( $( this ).is(":checked") ) {
 					value = true;
 				} else {
 					value = false;
 				}
 			}
-			$( "form input" ).checkboxradio( "option", option, value );
+			checkboxes.checkboxradio( "option", option, value );
 		});
 		$( "#create" ).click( function(){
-			$( "form input" ).checkboxradio();
-		});
-		$( "#destroy" ).click( function(){
-			$( "form input" ).checkboxradio( "destroy" );
-		});
-		$( "#enable" ).click( function(){
-			$( "form input" ).checkboxradio( "enable");
-		});
-		$( "#disable" ).click( function(){
-			$( "form input" ).checkboxradio( "disable" );
-		});
-		$( "#refresh" ).click( function(){
-			$( "form input" ).checkboxradio( "refresh" );
+			if( this.id !== "create" ){
+				checkboxes.checkboxradio( this.id );
+			} else {
+				checkboxes.checkboxradio();
+			}
 		});
 	});
 	</script>

demos/button/icons.html

@@ -37,16 +37,16 @@
 	<h1>Widget</h2>
 	<button>Button with icon only</button>
 	<button>Button with icon on the left</button>
-	<button>Button with two icons</button>
-	<button>Button with two icons and no text</button>
+	<button>Button with icon</button>
+	<button>Button with icon and text</button>
 </div>
 <div class="css">
 	<h1>CSS</h2>
 		<button class="ui-button ui-widget ui-corner-all ui-button-icon-only">
 		<span class="ui-icon  ui-icon-gear"></span>
 		Button with icon only
 	</button>
-	<button class="ui-button ui-widget ui-corner-all ui-icon-begining">
+	<button class="ui-button ui-widget ui-corner-all ui-icon-beginning">
 		<span class="ui-icon ui-icon-triangle-1-w"></span>
 		Button with icon on the left
 	</button>

ui/button.js

@@ -43,7 +43,7 @@ $.widget( "ui.button", {
 		showLabel: true,
 		label: null,
 		icon: null,
-		iconPosition: "begining"
+		iconPosition: "beginning"
 	},
 
 	_getCreateOptions: function() {
@@ -158,7 +158,6 @@ $.widget( "ui.button", {
 			if ( this.element.is( "input" ) ) {
 				this.element.val( value );
 			} else {
-				console.log( this.icon );
 				this.element.html( ( ( !!this.icon ) ? "" : this.icon ) + value );
 			}
 		}