title: First dynamically-added TinyMCE editor displays, others do not
body: <p>I'm building a javascript app that will be displaying a live-updated discussion thread. It will regularly poll the server for new data, and write it to the page. For posting comments and replies, we are trying to use the TinyMCE WYSIWYG editor, which converts a textarea into a nice HTML editor. This is my first experience with this editor. The app relies heavily on jQuery, so we are using TinyMCE's jQuery plugin to make it easier to work with.</p>
  
  <p>Here's the issue... Every time our code generates a new textarea, we attach an editor to it. The first one shows up and works perfectly. When we add more, the TinyMCE code will hidfe the textarea, but won't generate the editor, and I don't know why.</p>
  
  <p>I've gone ahead and built out a simple working example on jsFiddle:</p>
  
  <p><a href="http://jsfiddle.net/HUHKT/" rel="nofollow">http://jsfiddle.net/HUHKT/</a></p>
  
  <pre><code>function addTextArea(){
      // find where the textareas will be placed
      var container = $('#textareaContainer');
      container.append( newTextArea() );
      container.append( $(document.createElement('hr')) );
  }
  
  // define some configuration settings for the editor
  var editorConfig = {
      // Location of TinyMCE script
      script_url: 'http://tinymce.cachefly.net/4.0/tinymce.min.js',
      // setup parameters
      menubar: false,
      statusbar: false,
      toolbar: 'bold italic underline | bullist numlist | undo redo | removeformat'
  }
  
  function newTextArea(){
      var textarea = $(document.createElement('textarea'))
          .attr('id',(new Date()).getTime()) // give it a unique timestamp ID
          .val( 'This text area added @ ' + new Date() )
          .tinymce(editorConfig); // apply the WYSIWYG editor
  
      return textarea;
  }
  </code></pre>
  
  <p>Any help would be appreciated. Thank you.</p>