check the data role to see if it's a header or footer, not the class …

…from the page sections plugin. This allows for a looser order of calling the page sections and fixedtoolbar plugins on an element, which is a small improvement, and fixes #3875 in the process.

js/jquery.mobile.fixedToolbar.js

@@ -72,7 +72,7 @@ define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.core", "./jquery.
 			var self = this,
 				o = self.options,
 				$el = self.element,
-				tbtype = $el.is( ".ui-header" ) ? "header" : "footer",
+				tbtype = $el.is( ":jqmData(role='header')" ) ? "header" : "footer",
 				$page = $el.closest(".ui-page");
 
 			// Feature detecting support for
@@ -189,7 +189,7 @@ define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.core", "./jquery.
 				elHeight = $el.height(),
 				pHeight = $el.closest( ".ui-page" ).height(),
 				viewportHeight = $.mobile.getScreenHeight(),
-				tbtype = $el.is( ".ui-header" ) ? "header" : "footer";
+				tbtype = $el.is( ":jqmData(role='header')" ) ? "header" : "footer";
 
 			return !notransition &&
 				( this.options.transition && this.options.transition !== "none" &&