jQuery Hover actions

example.html

<a
  data-hover-actions="true" 
  data-hover-text="remove from favourites" 
  data-hover-class="ui button orange follow" 
  class="ui button green active follow" 
  href="/toggle_favourite"
>
<span class="icon"></span>
is one of your favourites
</a>

script.js

$(document).on("hover", "[data-hover-actions]=true", function(event){

  $(this).has("span.icon").data('hover-icon',true); //check if target has an icon

  if( event.type === 'mouseenter' ){
    if ($(this).data('hover-text')!=undefined) {
      $(this)
        .data("original-text",$(this).html()) //save the old one
        .text($(this).data("hover-text")); //add the new one
    }

    if ($(this).data('hover-class')) {
      $(this)
        .data("original-class",$(this).prop('class')) //save the old one
        .removeClass() // remove all old classes
        .addClass($(this).data("hover-class"));     // add hover classes
    }
  }
  else{
    if ($(this).data('hover-text')!=undefined && $(this).data('original-text')!=undefined) {
       $(this)
         .text($(this).data("original-text")); //reinstate the old one
     }

     if ($(this).data('hover-class')!=undefined && $(this).data('original-class')!=undefined) {
       $(this)
       .removeClass() // remove all old classes
       .addClass($(this).data("original-class")); //reinstate the old one
     }
    if($(this).is(":has(span.icon)")){
        $(this).data('hover-icon',true).prepend('<span class="icon"></span>');
      }
  }


  if($(this).data('hover-icon')){
    $(this).prepend('<span class="icon"></span>'); // reinstate the icon after changes
  }

});