JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<input type="text" data-placement="bottom" id="search" name="search1" class="search-box" placeholder="Search..." title="Results"/>

<div id="log">

</div>

JavaScript

$("#search").keyup(function(){
        
  //var searchString = $("#search").val();
  var data = $("#search").val();
  $("#log").append(data+"<br>");

  var e = $(this);     
    
  e.popover({
    html: true,
    content: data,
  }).popover('show'); 
  
  var popover = e.attr('data-content',data).data('bs.popover');
  popover.setContent();
  
});