anchor.diff:      if ($(this).html() === "THANK?") {
         $(this).attr('class', 'thanked_div')
         $(this).html("THANKED")
  -    } else {
  -      $(this).html("NOT THANKED")
  -      $(this).attr('class', 'not_thanked_div')
  -    }
  -  })
  -</script>
  -
  -<script>
  -  $(document).on('click', '.thank_hover', function(event) {
  -    event.preventDefault()
  -    var id = $(this).data("id")
  -    $.get('/gifts/' + id + '/thank', function() {
  -    })
  -    if ($(this).html() === "THANK?") {
  -      $(this).attr('class', 'thanked_div')
  -      $(this).html("THANKED")
  -    } else {
  -      $(this).html("NOT THANKED")
  -      $(this).attr('class', 'not_thanked_div')
  -    }
  -  })
  -</script>
  -
  -<!--not thanked click-->
  -<script>
  -  $(document).on('click', '.not_thanked_div', function(event) {
  -    event.preventDefault()
  -    var id = $(this).data("id")
  -    $.get('/gifts/' + id + '/thank', function() {
  -    })
  -    if ($(this).html() === "THANK?") {
  -      $(this).attr('class', 'thanked_div')
  -    } else {
  +    } else if ($(this).html() === "UNTHANK?") {
         $(this).html("NOT THANKED")
         $(this).attr('class', 'not_thanked_div')
       }
  
positive.code: 
  <!--thank click-->
  <script>
    $(document).on('click', '.thanked_div', function(event) {
      event.preventDefault()
      var id = $(this).data("id")
      $.get('/gifts/' + id + '/thank', function() {
  
negative.code: <script>
    $(document).on({
      mouseenter: function () {
        $(this).html("UNTHANK?")
        $(this).attr("class", "thank_hover");
      },
    }, '.thanked_div');
  </script>
  