JSFiddle - React, Tailwind, and code Playground

HTML

<body>
 
<h2>Comments</h2>
<div id="cmt_1" class="comment">
  <p>First Comment here! A bunch of text here is what should show up!!!!</p>
  <a href="#cmt_1" class="quote">Quote Me!</a>
</div>
 
<div id="cmt_2" class="comment">
  <p>Second Comment here! A bunch of text here is what should show up!!!!</p>
  <a href="#cmt_2" class="quote">Quote Me!</a>
</div>
 
<div id="cmt_3" class="comment">
  <p>Third Comment here! A bunch of text here is what should show up!!!!</p>
  <a href="#cmt_3" class="quote">Quote Me!</a>
</div>
 
<h3>Your Comment</h3>
 <form action="" method="" id="cmt_form">
  <textarea name="CMT_form" class="comment"></textarea>
  <br>
  <input type="submit" value="Submit" />
 </form>
 
</body>

JavaScript

$(document).ready(function() {
    $(".comment a").click(function() {
        var cmt = $('#cmt_10').html();
        $("textarea.comment").append('[QUOTE]' + cmt + '[/QUOTE]');
        return false;
    });
});