JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.fyneworks.com/jquery/star-rating/jquery.rating.js"></script>
<link rel="stylesheet" href="http://www.fyneworks.com/jquery/star-rating/jquery.rating.css">
<script src="http://www.fyneworks.com/jquery/star-rating/jquery.MetaData.js"></script>
<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Absolute Garbage- &#188; Star" value=".25" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Garbage- &#189; Star" value=".5" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Unwatchable- &#190; Star" value=".75" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Trash- 1 Star" value="1" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Very Very Poor- 1&#188; Stars" value="1.25" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Very Poor- 1&#189; Stars" value="1.5" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Pretty Poor- 1&#190; Stars" value="1.75" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Poor- 2 Stars" value="2" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Below Average- 2&#188; Stars" value="2.25" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Average- 2&#189; Stars" value="2.5" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Slightly Above Average- 2&#190; Stars" value="2.75" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Above Average- 3 Stars" value="3" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Almost Good- 3&#188; Stars" value="3.25" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate" title="Good- 3&#189; Stars" value="3.5" />

<input class="hover-star xxx-star {split:4}" type="radio" name="rate"...

JavaScript

$(function(){

    $('.hover-star').rating({
    
        focus: function(value, link){
            var tip = $('#hover-test');
            tip[0].data = tip[0].data || tip.html();
            tip.html(link.title || 'value: '+value);
        },

        blur: function(value, link){
            var tip = $('#hover-test');
            $('#hover-test').html(tip[0].data || '');

        }
    
    });

});