title: textarea, tinyMCE and insert an image in textarea
body: <p>I want to insert an image in textarea with jquery. (I know that img tag could not to inserted in textarea). Im using tinymce</p>
  
  <pre><code> &lt;img src="image.jpg" class="po"/&gt;
   &lt;form&gt;
   &lt;input type="text" name="yassi" class="infobox"/&gt;
   &lt;br /&gt;
   &lt;textarea class="me"&gt;&lt;/textarea&gt;
   &lt;input type="submit"   value="click"  class="submit"/&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  tinyMCE.init({
  mode : "textareas",
  theme : "simple"
  });
  &lt;/script&gt;
  &lt;script type="text/javascript" scr="config.js"&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>and in config.js I have:</p>
  
  <pre><code> $(document).ready(function(){
      var sr = $('.po').attr('src');
      $('.po').click(function(){
          $('.mceContentBody').append('&lt;img src="'+sr+'"/&gt;');
  
      });});
  </code></pre>
  
  <p>When clicking, image couldnt insert in textarea. How can do this?
  Thanks in advance.</p>