title: Jquery click append function chat
body: <p>I'm writting a click function for emoticons in a chat. When i click on it, it will be append to my  textarea. from the textarea I want to send it to the chat.</p>
  
  <p>the jquery what i write:</p>
  
  <pre><code> $(".emoticon i").click(function() {
      var e = $(this);
     // $(".message").append ($(this).data('emoticon'));
      console.log($(this).data('emoticon'));
      $("#message").append() .attr(value('emoticon i'));
  </code></pre>
  
  <p>}); </p>
  
  <pre><code>&lt;div class="emoji hidden"&gt;
  &lt;div class="emoticon-box"&gt;
  &lt;div class="emoticons"&gt;
     &lt;div class="emoticon"&gt;
  
        &lt;div class="row"&gt;
           &lt;i class="em em-smiley"&gt;&lt;/i&gt;
           &lt;i class="em em-smile"&gt;&lt;/i&gt;
           &lt;i class="em em-blush"&gt;&lt;/i&gt;
           &lt;i class="em em-relieved"&gt;&lt;/i&gt;
           &lt;i class="em em-kissing_closed_eyes"&gt;&lt;/i&gt;
           &lt;i class="em em-neutral_face"&gt;&lt;/i&gt;
           &lt;i class="em em-sleeping"&gt;&lt;/i&gt;
           &lt;i class="em em-flushed"&gt;&lt;/i&gt;
        &lt;/div&gt;`enter code here`
  </code></pre>
  
  <p>Html of my texarea.</p>
  
  <pre><code>&lt;input id="message" type="text" placeholder="Type your message"&gt;&lt;/input&gt;
  </code></pre>