Selectmenu: removed option wrapperElement

demos/selectmenu/default.html

@@ -17,11 +17,13 @@
 		$('select#speed').selectmenu({
 			dropdown: false
 		});
-		$('select#number').selectmenu({
-			dropdown: false,			
-			wrapperElement: '<div class="overflow"/>'
+		var withOverflow = $('select#number').selectmenu({
+			dropdown: false
 		});
+		withOverflow.selectmenu("widget").addClass("overflow");
+		
 		$('select#files').selectmenu();
+		
 	});
 	</script>
 	<style>

tests/visual/selectmenu/disabled.html

@@ -17,10 +17,10 @@
 		$('select#speed').selectmenu({
 			dropdown: false
 		});
-		$('select#number').selectmenu({
-			dropdown: false,			
-			wrapperElement: '<div class="overflow"/>'
+		var withOverflow = $('select#number').selectmenu({
+			dropdown: false
 		});
+		withOverflow.selectmenu("widget").addClass("overflow");
 		$('select#files').selectmenu();		
 		var files2 = $('select#files2').selectmenu();
 		

ui/jquery.ui.selectmenu.js

@@ -21,7 +21,6 @@ $.widget( "ui.selectmenu", {
 	defaultElement: "<select>",
 	options: {
 		dropdown: true,
-		wrapperElement: "<div />",
 		appendTo: "body",
 		position: {
 			my: "left top",
@@ -110,7 +109,7 @@ $.widget( "ui.selectmenu", {
 			});
 			
 		// wrap and insert new button
-		that.newelementWrap = $( options.wrapperElement )
+		that.newelementWrap = $( '<div />' )
 			.append( that.newelement )
 			.insertAfter( that.element );	
 	},
@@ -150,7 +149,7 @@ $.widget( "ui.selectmenu", {
 		});
 
 		// wrap list	
-		that.listWrap = $( options.wrapperElement )
+		that.listWrap = $( '<div />' )
 			.addClass( that.widgetBaseClass + '-menu' )
 			.width( setWidth )
 			.append( that.list )
@@ -405,6 +404,10 @@ $.widget( "ui.selectmenu", {
 		}
 	},
 	
+	widget: function() {
+		return this.newelementWrap.add( this.listWrap );
+	},
+
 	_initSource: function() {
 		var data = [];	
 		$.each( this.element.find( 'option' ), function( index, item ) {