title: tinyMCE ajax to save data
body: <p>I have seen many posts about tinyMCE and ajax, but i could not get it working - not by triggering <code>tinyMCE.triggerSave();</code> not by overriding submit and not by triggering <code>tinyMCE.get("elm1").save();</code></p>
  
  <p>here is my code:</p>
  
  <pre><code>$('#ss').submit(function (e) {
          e.preventDefault();
          var ed = tinyMCE.get('elm1');
          var data = ed.getContent()
  
      //  tinyMCE.triggerSave();
      //  tinyMCE.get("elm1").save();
  
      //    var data = $(this).serialize();
          console.log(data);
          $.ajax({
              type:       'POST',
              cache:      false,
              url:        'xtras/ssheetsave.php',
              data:       data,
              success:    function(){
                          console.log("Updates have successfully been ajaxed");
              }
          });
          return false;
      });
  </code></pre>
  
  <p>form:</p>
  
  <pre><code>&lt;form id="ss" method="post" style="margin-top: 40px;"&gt;
      &lt;input type="hidden" id="cat_id" name="cat_id" value="&lt;?php echo $id; ?&gt;"&gt;
      &lt;textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%"&gt;
                  &lt;/textarea&gt;
  
      &lt;input type="submit" name="save" value="Submit" /&gt;
      &lt;input type="reset" name="reset" value="Reset" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and tinyMCE:</p>
  
  <pre><code>tinyMCE.init({
          // General options
          mode : "textareas",
          theme : "advanced",
          plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",
  //      save_onsavecallback : "ajaxSave",
  
          // Theme options
          theme_advanced_buttons1 : "save,cancel,|,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect,|,forecolor,backcolor",
          theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,cleanup,help,code,tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,advhr",
          theme_advanced_toolbar_location : "top",
          theme_advanced_toolbar_align : "left",
          theme_advanced_statusbar_location : "bottom",
          theme_advanced_resizing : true,
  
          // Style formats
          style_formats : [
              {title : 'Bold text', inline : 'b'},
              {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
              {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
              {title : 'Example 1', inline : 'span', classes : 'example1'},
              {title : 'Example 2', inline : 'span', classes : 'example2'},
              {title : 'Table styles'},
              {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
          ],
  
          // Replace values for the template plugin
          template_replace_values : {
              username : "Some User",
              staffid : "991234"
          }
      });
  </code></pre>
  
  <p>can someone please help me to get this working? - basically i don't even get data in console <code>console.log(data);</code></p>