diff --git a/_form-controls.html b/_form-controls.html
index c8461090..fb9c268c 100644
--- a/_form-controls.html
+++ b/_form-controls.html
@@ -159,7 +159,7 @@
 		
 		<div data-role="fieldcontain">
 			<label for="select-choice-3" class="select">Choose one:</label>
-			<select name="select-choice-3" id="select-choice-3">
+			<select name="select-choice-3" id="select-choice-3" data-theme="b">
 				<option value="Choice 1">Choice 1</option>
 				<option value="Choice 2">Choice 2</option>
 				<option value="Choice 3">Choice 3</option>
diff --git a/js/jquery.mobile.forms.select.js b/js/jquery.mobile.forms.select.js
index 84b442a3..e8ad1b8e 100644
--- a/js/jquery.mobile.forms.select.js
+++ b/js/jquery.mobile.forms.select.js
@@ -17,7 +17,8 @@ $.fn.customSelect = function(options){
 		//extendable options
 		o = $.extend({
 			closeText: "close",
-			chooseText: label.text()
+			chooseText: label.text(),
+			theme: select.data("theme")
 		}, options),
 
 		buttonId = selectID + "-button",
@@ -37,7 +38,8 @@ $.fn.customSelect = function(options){
 			.insertBefore( select )
 			.buttonMarkup({
 				iconpos: 'right',
-				icon: 'arrow-d'
+				icon: 'arrow-d',
+				theme: o.theme
 			}),
 		menuPage = $( "<div data-role='dialog' data-theme='a'>" +
 					"<div data-role='header' data-theme='b'>" +