Подгрузить JS после AJAX

Есть страница. На странице имеется блок с классом content - здесь подгружается AJAX содержимое. Родительским блококом ему является блок с классом main. Не могу сделать чтобы при клике на класс content подгружались и срабатывали скрипты, необходимые для обработки . Т.е скрипты подключаются, по крайней мере в инспекторе в Sources инспектора появляются. Но скрипты не обрабатывают содержимое AJAX. Если простым способом подключать эти скрипты - то они срабатывают только при перезагрузке страницы. Меняешь не перезагружая страницы содержимое AJAX и все слетает, потому что скрипт уже не может найти textarea с определенным айди. Не знаю как быть, сто способов уже перепробовал. Как заставить скрипты работать с AJAX содержимым? Ссылка на проблему: http://css-focus.ru/beauty-code/

<script> 
$(document).ready(function(){ 
    $('.main').on('click','.content',function(){ 
$.when( 
    $.getScript('http://www.css-focus.ru/beauty/codemirror.js'), 
		$.getScript('http://www.css-focus.ru/beauty/cssbeautify.js'), 
		$.getScript('http://www.css-focus.ru/beauty/format.js'), 
    $.Deferred(function( deferred ){ 
        $( deferred.resolve ); 
    }) 
).done(function(){ 
     
    alert('script loaded'); 
     
}); 
 
    }); 
}); 
</script>