accessing focus/blur of dynamically added editors

hello, i am trying to access the on blur and on focus functions for editors that are created on the fly dynamically, i am able to do it with an editor that is loaded when the page loads, but then it doesn't work with editors loaded after the page loaded.

here is a link to a test setup http://elhalawa.net/editor/index.html

you'll notice when clicking in the first editor the red box will show, then hide when blured, however this behavior doesn't work with the dynamically added editors for some reason

$(document).ready(function(){

	$.each(CKEDITOR.instances, function(instance){
		var editor = CKEDITOR.instances[instance];
		if (editor) {
			editor.on( 'focus', function( e ) {
				$('.hint').show();
			});
			editor.on( 'blur', function( e ) {
				$('.hint').hide();
			});
		}
	});

});