title: Dynamic textarea adds content inside it automatically
body: <p>My code is</p>
  
  <pre><code>$(add_button_exp).click(function(e){ 
        //on add input button click
        e.preventDefault();
        $(wrapper_exp).before('&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;textarea spellcheck="true" class="form-control grammer_check" name="exp_lessons[]" id="exp_lessons'+exp+'" cols="30" rows="10"&gt;&lt;/textarea&gt;&lt;div class="grammer_Suggetion help-inline"&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;');
  )};
  </code></pre>
  
  <p>But I'm getting
  <a href="https://i.stack.imgur.com/SpRWg.png" rel="nofollow noreferrer">content inside the text area is not actually coded inside it.</a></p>