JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<i style="display:none" class="cff">Submit</i>
<button>Submit</button>

JavaScript

$('button').on('mouseover', function() {
  $(this).html('<i class="fa-bell-o fa">-- Submit</i>')
})

$('button').on('mouseout', function() {
  $(this).html('<i class="fa-bell-o fa">Submit</i>')
})