How to load css by ajax

example.html

<script type="text/javascript">
	var cssFiles=['css/custom/modal.css','css/custom/modal2.css'];
	getCss(cssFiles,baseUrl);
</script>

get-css.js

/**
 * Loads css file(s)
 * @param string|array cssFiles
 * @param string baseUrl (optional)
 */
function getCss(cssFiles,baseUrl)
{
	if(!$.isArray(cssFiles))
		cssFiles=[cssFiles];

	for(var i in cssFiles)
	{
		var cur=baseUrl!==undefined ? baseUrl+'/'+cssFiles[i] : cssFiles[i];
		$.ajax({
			url:cur,
			success:function(data){
				$('head').append('<style type="text/css" media="screen">'+data+'</style>');
			}
		});
	}
}