将Ckeditor内容放入同一页面中的div

Question

如果单击表单提交按钮，如何将ckeditor的内容放入div中。 这是我的代码

CKEditor的

<form method="post" role="form">
   <textarea id="post" name="ckeditor" ></textarea>
    <script>
   CKEDITOR.replace('ckeditor');  
   </script>
<button type="submit" id="submit" class="btn btn-outline btn-success"><span class="fa fa-upload"></span> &nbsp Upload</button>
 </form>

的Ajax

<script>
$(function() {
 $("#submit").click(function() {
var text = CKEDITOR.instances.ckeditor.getData();

        $.ajax({
            type: "POST",
            url: "post.php",
            data: "text=" + text,
            dataType: "html",
            success: function(data) {
            $("#newpost").append(data);
        });
    });
});
});
</script>

股利

<div id="newpost"></div> 

我试过了，但它没有用。有人可以帮忙吗？ 谢谢。