diff --git a/js/jQuery.mobile.js b/js/jQuery.mobile.js
index ecf6f818..954582ab 100644
--- a/js/jQuery.mobile.js
+++ b/js/jQuery.mobile.js
@@ -271,10 +271,11 @@
 				var $this = $(this),
 					role = $this.attr("data-role");
 				switch(role) {
-				case 'page':
 				case 'header':
-				case 'content':
 				case 'footer':
+					$this.addClass('ui-bar-' + ($(this).data('theme') ? $(this).data('theme') : 'a'));
+				case 'page':	
+				case 'content':
 					$this.addClass('ui-' + role);
 					break;
 				case 'collapsible':