title: ckeditor getData() doesnt seem to work as it should
body: <p>First off I'll start off by saying I am new to javascript so hopefully this isn't a complete face palm question. That being said, the following code should alert the value of the editor when the user clicks off of it.</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  function openEditor(){
  html = "Hello World";
  config = {
  startupFocus : true
  };
  editor = CKEDITOR.appendTo( 'textBox', config, html );
  
  
   if (editor) {
      editor.on('blur', function(event) {
          var ckvalue = CKEDITOR.instances.editor.getData();
          alert(ckvalue);
      });
   }
  }
  &lt;/script&gt;
  &lt;html&gt;
  &lt;a href='#' onclick='openEditor()'&gt;Open Editor&lt;/a&gt;&lt;br /&gt;
  &lt;div id='textBox'&gt;&lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Instead google chrome console reports:</p>
  
  <p><code>"Uncaught TypeError: Cannot call method 'getData' of undefined "</code></p>
  
  <p>Now when I change</p>
  
  <pre><code>var ckvalue = CKEDITOR.instances.editor.getData();
  </code></pre>
  
  <p>to</p>
  
  <pre><code>var ckvalue = CKEDITOR.instances.editor1.getData();
  </code></pre>
  
  <p>It works. This baffles me because I never declared a editor1 instance. I was hoping someone with a little more experience could explain to me why editor1 works when editor doesnt.</p>
  
  <p>Here is a working example of what Im talking about: <a href="http://jsfiddle.net/s3aDC/6/" rel="nofollow">http://jsfiddle.net/s3aDC/6/</a></p>