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