Android, iOS detection, then adds a class to the HTML tag.

android.ios.html.class.js

// adds mobile browser class to html tag
var ua = navigator.userAgent.toLowerCase();
	function removeSpaces(ua) {
		return ua.split(' ').join('');
	}
	ua = removeSpaces(ua);
var iOS = ua.match(/(iphone|ipod|ipad)/);
	if(iOS) {
		$('html').addClass('ios');
	}
var iPad = ua.match(/(ipad)/);
	if(iPad) {
		$('html').addClass('ipad');
	}
var iPhone = ua.match(/(iphone|ipod)/);
	if(iPhone) {
		$('html').addClass('iphone');
	}
var android = ua.indexOf("android") > -1; 
	if(android) {
		$('html').addClass('android');
	}
var android4 = ua.indexOf("android4") > -1; 
	if(android4) {
		$('html').addClass('android4');
	}
var android2 = ua.indexOf("android2") > -1; 
	if(android2) {
		$('html').addClass('android2');
	}

@KruegerDesigns I don't mean to be a troll but matchers inside the for loop is spelled wrong, noticed it when I ran this as is.