JS: Add/execute Scripts after jQuery is asynchronosly loaded

wait-for-jquery-to-load.js

  function addScriptsWhenJQueryIsLoaded(myScripts) {
				var numScripts = myScripts.length;

		    if (window.jQuery){
		        //possibly some other JQuery checks to make sure that everything is loaded here
		        console.log('Debug: jQuery loaded, loading scripts, number of script is '+numScripts);
		        window.$ = jQuery.noConflict();
		        var $anchor = jQuery('#overlay');

		        if(numScripts > 0) {
		        	for(var i=0; i < numScripts; i++) {
		        		var $newScript = jQuery('<script>').attr('type', 'text/javascript').attr('src', myCloScripts[i]);
		        		console.log($newScript);
			        	$anchor.after($newScript);
		        	}
		        }

		    } else {
		        setTimeout(function() { addScriptsWhenJQueryIsLoaded(myScripts); }, 500);
		    }
		}

		var myScripts = new Array();
		myScripts.push("/js/scripts.js");