title: clone -> change ids -> add content -> display -> append to parent
body: <p>i have the following setup</p>
  
  <pre><code>&lt;div class="article-content"&gt;
      &lt;div class='editors' id="mine"&gt;
          &lt;h2&gt;My Text&lt;/h2&gt;
          &lt;textarea name="my_text" id="my_text" class="my_test"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class='editors' id="termsy_master" style="display:none;"&gt;
          &lt;h2&gt;title&lt;/h2&gt;
          &lt;textarea name="" id="" class="sm"&gt;text&lt;/textarea&gt;
          &lt;textarea name="" id="" class="di"&gt;text&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>im trying to</p>
  
  <ul>
  <li>clone "termsy_master"</li>
  <li>change the id to "his"</li>
  <li>change the h2 title to "new title"</li>
  <li>textarea sm id to "sm_new_id"</li>
  <li>textarea di id to "di_new_id"</li>
  <li>remove display none so it'll be visible</li>
  <li>and append it to article-content</li>
  </ul>
  
  <p>i have the following already done, but im not sure how to proceed</p>
  
  <pre><code>$('.article-content').append($("#termsy_master").clone());
  </code></pre>