CKeditor with multiple textareas
<p>I have a button which opens up the dialogue box. Inside dialogue box i have a form in which i have a button, on clicking this button i append another form into this form. So I have to add ckeditor to all the textareas i append. But it is not working for me. The textarea are not editable.</p>

<p>This is my form which I append on clicking the button</p>

<pre><code>&lt;form id="q_options"&gt;

    &lt;div class="rightcontact"&gt;
        &lt;button type="submit"&gt;Remove&lt;/button&gt;
    &lt;/div&gt;

    &lt;div class="leftcontact"&gt;
        &lt;div class="form-group"&gt;
            &lt;p&gt;Score&lt;span&gt;*&lt;/span&gt;&lt;/p&gt;
            &lt;span class="icon-case"&gt;&lt;i class="fa fa-male"&gt;&lt;/i&gt;&lt;/span&gt;
            &lt;input type="number" name="q_score" id="q_score"/&gt;
        &lt;/div&gt; 

     &lt;/div&gt;

    &lt;div class="form-group"&gt;
        &lt;p&gt;Option-text&lt;span&gt;*&lt;/span&gt;&lt;/p&gt;
        &lt;span class="icon-case"&gt;&lt;i class="fa fa-male"&gt;&lt;/i&gt;&lt;/span&gt;
        &lt;textarea name="option_text" id="option_text" rows="10" cols="100"&gt;&lt;/textarea&gt;
    &lt;/div&gt;

&lt;/form&gt;
</code></pre>

<p>This is Javascript function to add the form.</p>

<pre><code>$('.add_options').click(function(event){
event.preventDefault();
CKEDITOR.replace('option_text');
var $temp = ($('#q_options').show()).clone().removeClass('q_options');  
$('#q_option_div').append($temp);
currentchild++;

});
</code></pre>

<p>Main form is this. on which a button is there which add the form to this form.</p>

<pre><code>&lt;form id="question"&gt;
&lt;h1&gt;Question&lt;/h1&gt;

&lt;div class="leftcontact"&gt;
    &lt;p&gt;Difficulty&lt;span&gt;*&lt;/span&gt;&lt;/p&gt;
    &lt;div class="check-boxes"&gt;
      {% for obj in q_diff_objects %}    
            &lt;input type="radio" name="ques_difficulty" value={{obj.id}}&gt;{{obj.name}}&lt;/input&gt;&lt;br&gt;
      {% endfor %}
    &lt;/div&gt; 
&lt;/div&gt;

&lt;div class="form-group"&gt;
    &lt;p&gt;Question-text&lt;span&gt;*&lt;/span&gt;&lt;/p&gt;
    &lt;span class="icon-case"&gt;&lt;i class="fa fa-male"&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;textarea name="question_text" id="question_text" rows="10" cols="100"&gt;&lt;/textarea&gt;        
    &lt;div class="validation"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="form-group"&gt;
    &lt;p&gt;Media-url&lt;span&gt;*&lt;/span&gt;&lt;/p&gt;
    &lt;span class="icon-case"&gt;&lt;i class="fa fa-male"&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;textarea name="option_text" id="option_text" rows="10" cols="10"&gt;&lt;/textarea&gt;
    &lt;div class="validation"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;button type="submit" class="add_options"&gt;Add Option&lt;/button&gt;
&lt;div id="q_option_div"&gt;
    &lt;p&gt;option&lt;/p&gt;
&lt;/div&gt;    
&lt;button type="submit" class="bouton-contact"&gt;Send&lt;/button&gt;
</code></pre>

<p></p>

<p>So its kind of giving error like : instance of CKeditor already exists</p>