title: Using jQuery to grab the content from CKEditor's iframe
body: <p>I have a custom-written CMS that uses <strong><a href="http://ckeditor.com/" rel="nofollow noreferrer">CKEditor</a></strong> *(FCKEditor v3) for editing content. I'm also using the <strong><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="nofollow noreferrer">jQuery Validation</a></strong> plugin to check all fields for error prior to AJAX-based submission. I'm using the <strong><a href="http://docs.jquery.com/Ajax/serialize" rel="nofollow noreferrer">serialize()</a></strong> function to passing the data to the PHP backend.</p>
  
  <p>Problem is, serialize manages to grab all fields correctly, except for the actual content typed in CKEditor. Like every other WYSIWYG editor, this one too overlays an iframe over an existing textbox. And serialize ignores the iframe and looks only into the textbox for content, which, of course, it doesn't find, thus returning a blank content body. </p>
  
  <p>My approach to this is to create a hook onto the <em>onchange</em> event of CKEditor and concurrently update the textbox (<strong><code>CKEDITOR.instances.[textboxname].getData()</code></strong> returns the content) or some other hidden field with any changes made in the editor. </p>
  
  <p>However, since CKEditor is still in it's beta stage and severely lacks documentation, I can't find a suitable API call that'll enable me to do so. </p>
  
  <p>Does anyone have any idea on how to go about this?</p>