Edit Question - KnowledgeHub

Title Body

I add contents in some input fields and textarea with jquery ajax function. Only textare uses TINYMCE. However after ajax, the text in TINYMCE does not refresh and remains. How can I empty content in TINYMCE with jquery? My current code it following. //on submit event $("#specformentry").submit(function(event){ event.preventDefault(); if(checkForm()){ // var href = $(this).attr("href"); submitinput.attr({ disabled:true, value:"Sending..." }); //$("#send").blur(); //send the post to shoutbox.php $.ajax({ type: "POST", url: "../../Ajaxinsertspec", data: $('#specformentry').serialize(), complete: function(data){ update_entry(); specdesc.val(''); datecreated.val(''); detailstext.val(''); // this code is supposed to empty the INYMCE content, but it does not //reactivate the send button submitinput.attr({ disabled:false, value:"Enter Spec" }); } }); } else alert("Please fill all fields!"); //we prevent the refresh of the page after submitting the form return false; }); And the following is a part of HTML <div id="enterlabel"><label for="spec_details">Click me to enter Spec Details</label></div> <div style="display: block;" id="textarea"> <textarea style="display: none;" name="spec_details" cols="90" rows="12" id="detailstext"></textarea> <span class="mceEditor defaultSkin" id="detailstext_parent"> <table style="width: 100px; height: 100px;" class="mceLayout" id="detailstext_tbl" cellpadding="0" cellspacing="0"> <tbody><tr class="mceFirst"> <td class="mceToolbar mc

Tags (comma-separated) Cancel