JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" id="contact-form" class="form-horizontal">
  <fieldset>    
    <div class="control-group">
      <label class="control-label" for="message">Message</label>
        <div class="controls">
          <textarea class="input-xlarge" name="message" id="message" rows="3">this is default value
          </textarea>
           
        </div>
    </div>
    <div class="form-actions">
      <button type="submit" class="btn">Submit</button>
      <button type="reset" class="btn">Cancel</button>
    </div>
  </fieldset>
</form>

JavaScript

$(function(){
    var oldval = $('#message').val();
  
    $('#message').keyup(function () { 
  $('.edit-msg').remove();
        if($('#message').val() != oldval)
  {
     
     
          $(this).after('<span class="edit-msg">This message is edited.</span>')
        }
});
});