JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<a href="#" onclick="delete_post(102);" id="102" class="tip" title="Delete from favorite">Delete this post</a>

CSS

a {font-size:16px;}
a:hover {color:#AAA;}

JavaScript

$(function() { $(".tip").tooltip(); });
function delete_post(post) {
    $('#'+post).attr('title', 'Add to favorite');
}