diff --git a/demos/autocomplete/combobox.html b/demos/autocomplete/combobox.html
index 22f34aa17..2b5e511be 100644
--- a/demos/autocomplete/combobox.html
+++ b/demos/autocomplete/combobox.html
@@ -14,11 +14,11 @@
 	<script src="../../ui/jquery.ui.tooltip.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	.ui-combobox {
+	.custom-combobox {
 		position: relative;
 		display: inline-block;
 	}
-	.ui-combobox-toggle {
+	.custom-combobox-toggle {
 		position: absolute;
 		top: 0;
 		bottom: 0;
@@ -28,17 +28,17 @@
 		*height: 1.7em;
 		*top: 0.1em;
 	}
-	.ui-combobox-input {
+	.custom-combobox-input {
 		margin: 0;
 		padding: 0.3em;
 	}
 	</style>
 	<script>
 	(function( $ ) {
-		$.widget( "ui.combobox", {
+		$.widget( "custom.combobox", {
 			_create: function() {
 				this.wrapper = $( "<span>" )
-					.addClass( "ui-combobox" )
+					.addClass( "custom-combobox" )
 					.insertAfter( this.element );
 
 				this.element.hide();
@@ -54,7 +54,7 @@
 					.appendTo( this.wrapper )
 					.val( value )
 					.attr( "title", "" )
-					.addClass( "ui-state-default ui-combobox-input ui-widget ui-widget-content ui-corner-left" )
+					.addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
 					.autocomplete({
 						delay: 0,
 						minLength: 0,
@@ -92,7 +92,7 @@
 						text: false
 					})
 					.removeClass( "ui-corner-all" )
-					.addClass( "ui-corner-right ui-combobox-toggle" )
+					.addClass( "custom-combobox-toggle ui-corner-right" )
 					.mousedown(function() {
 						wasOpen = input.autocomplete( "widget" ).is( ":visible" );
 					})