Javascript-форум - TinyMCE и AJAX

Привет всем) мне нужно ко всем textarea прикрепить виз.редактор tinymce, но редактор не прикрепляется к textarea, которые добавляются с помощью кнопки. Текстовые поля добавляются с помощью ajax. Подскажите, что не так в коде:

<html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    language: "ru",
    theme: "modern",
    mode: "textareas",
    width: 800,
    height: 400,
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime nonbreaking",
         "save table contextmenu directionality  template paste "
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | test bullist numlist outdent indent | link image | preview",
 });
function addInput() {    
    $(document).ready(function(){
    var id=parseInt($("input#default-id").val());
    id++;
    $("input#default-id").val(id);
        $('#div1').append("<textarea id='text[" + id + "]'></textarea><br>");
    });
    return false;
};
</script>
 
<body>
<form name="form" method="POST">
    <input type="hidden" id="default-id" value="0">
     <div align="center">
    <textarea></textarea><br>
    <div id="div1"></div>
    <div align="center">
    <input type="submit" onclick="addInput(); return false;">
    </div>
    </div>
</form>
</body>
</html>