Append CSS Stylesheet to the head using jQuery

AppendStylesheet.js

$.appendStylesheet = function appendStylesheet(url, callback) {
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');

    link.href = url;
    link.rel  = "stylesheet";
    link.type = "text/css";


    if (callback && $.isFunction(callback)) {
    	if ($.browser.msie) {
    		link.onreadystatechange = function () {
		        if (link.readyState == 'complete') {
		            callback();
		        }
		    }

		} else {
		    link.onload = callback;
    	}
    	
    }

    head && head.appendChild(link);
}