title: TinyMCE and textarea id change
body: <p>I have a list of textareas. Each textarea is in a separate div:</p>
  
  <pre><code>1. &lt; div id="div_textarea1"&gt; &lt;textarea id="textarea1"&gt;&lt;/textarea&gt; &lt; /div &gt;
  2. &lt; div id="div_textarea2"&gt; &lt;textarea id="textarea2"&gt;&lt;/textarea&gt; &lt; /div &gt;
  3. &lt; div id="div_textarea3"&gt; &lt;textarea id="textarea3"&gt;&lt;/textarea&gt; &lt; /div &gt;
  4. &lt; div id="div_textarea4"&gt; &lt;textarea id="textarea4"&gt;&lt;/textarea&gt; &lt; /div &gt;
  </code></pre>
  
  <p>All those textareas are using the tinyMCE plugin.</p>
  
  <p>Near each textarea, I have a delete button (the button will delete the textarea).</p>
  
  <p>When I click the delete button, the selected textarea will be deleted and the id of other textareas are changed to heve the apropriate number:</p>
  
  <pre><code>function deleteTitlenote(titlenote_id)
  {
      $('#titlenote_div'+titlenote_id).remove();
  
      var nodes = document.getElementById('add_titleNote').childNodes.length;
      var n = 0;
  
      for(var i=1; i&lt;= nodes+1; i++)
      {
          if(document.getElementById("titlenote"+i)!=null)
              {
                      n++;
                      document.getElementById("titlenote"+i).id="titlenote"+n;
              }
      }
  }
  </code></pre>
  
  <p>This works fine whe n I have a simple textarea without the tinyMCE plugin, but once I use the mce plugin, even if I change the id, I am acessing the old value of the textarea by calling the new id.</p>
  
  <p>any idea on how to resolve this ? Thank you.</p>