anchor.diff:            <% elsif gift.thanked == 0 %>
               <%= button_tag "NOT THANKED", data: {id: gift.id}, class: "not_thanked_div", id: `thanked_#{gift.id}` %>
             <% end %>
  -          <div id='gift_name_<%= gift_counter %>', class="gift_name"><%= gift.name %></div> - <a href="" class="editLink" data-id="<%= gift.id %>">Edit</a> <a href="#" class="removeLink" data-id="<%= gift.id %>">Remove</a>
  -          <% giver_counter = 0 %>
  -          <% gift.givers.each do |giver| %>
  -            <% giver_counter += 1 %>
  +          <div id='gift_name_<%= gift.id %>', class="gift_name"><%= gift.name %></div> - <a href="" class="editLink" data-id="<%= gift.id %>">Edit</a> <a href="#" class="removeLink" data-id="<%= gift.id %>">Remove</a>
  +          <% gift.givers.sort_by(&:name).each do |giver| %>
               <ul class="bullet_list">
  -              <li id="gift_<%= gift_counter %>_giver_<%= giver_counter %>", class="giver_name"><a href="/givers/<%= giver.id %>"><%= giver.name %></a></li>
  +              <li id="gift_<%= gift.id %>_giver_<%= giver.id %>", class="giver_name"><a href="/givers/<%= giver.id %>"><%= giver.name %></a></li>
               </ul>
             <% end %>
           </div>
  
positive.code:               return a < b ? -1 : a > b ? 1 : 0;
            });
  
            $('.gift_name').html("")
  
            let gift_counter = 0
  
            sortedGifts.forEach(function(g) {
              gift_counter += 1
              let gift = new Gift(g.id, g.name, g.givers)
  
              gift.appendGiftName(gift_counter)
  
              const sortedGivers = gift.givers.sort( function( a, b ) {
                  a = a.name.toLowerCase();
  
negative.code: 
                  return a < b ? -1 : a > b ? 1 : 0;
              });
    
              sortedGivers.forEach(function(giv) {
                gift.appendGivers(gift.id, giv.id, giv)
              })
  
  
  