JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div class="teacher" data-id="1" title="">Alex Brown</div>
<div class="teacher" data-id="2" title="">John Black</div>

JavaScript

$(function() {
      $( ".teacher" ).tooltip({
         content: function(event, ui) { return $(this).attr('data-id'); },
      });
  });