title: CKeditor with multible dynamic textareas
body: <p>I have a forms which allows multiple steps to be submitted.  When a user clicks "add step" another textarea appears.  I am using CKeditor.  It works great of the first iteration, but on all subsequent ones, it shows a standard text area.  Here is my code:</p>
  
  <pre><code>&lt;form method="post" action="process_project.php"&gt;
  &lt;b&gt;Steps for your project:&lt;/b&gt;
  &lt;div&gt;&amp;nbsp;&lt;/div&gt;
  Step 1
  &lt;div id="divWho"&gt;
  &lt;textarea name="projSteps[]" class="steps" id="1" rows="10" cols="60"&gt;&lt;/textarea&gt; 
  &lt;/div&gt;
  &lt;div&gt;&amp;nbsp;&lt;/div&gt;
  &lt;input type="button" value="Add project step" onClick="addTextArea();"&gt;
  &lt;input type="submit" name="submit" value="submit" /&gt;
  &lt;/form&gt;
  
  
  &lt;script type="text/javascript"&gt;
  var counter = 1;
  var limit = 11;
  function addTextArea() {
  if (counter == limit-1) {
  alert("You have reached the limit of adding " + counter + " project steps");
  return false;
  }
  else {
  var newdiv = document.createElement('div');
  newdiv.innerHTML = "Step " + (counter + 1) + " &lt;br&gt;&lt;textarea name='projSteps[]' id=counter rows='10' cols='60'&gt;";
  document.getElementById('divWho').appendChild(newdiv);
  counter++
  return true;
  }
  }
  &lt;/script&gt;
  &lt;script&gt; CKEDITOR.replace('1');&lt;/script&gt;
  </code></pre>
  
  <p>How can I make each new dynamically created text areas also use CKeditor?  I have been working on this for hours and I am stumped.  </p>