JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
 <div>
	        <label for="test">
	            <input type="text" name="test" id="test">
	            <p id="rest"></p>
	        </label>
	    </div>

JavaScript

$('#test').on('change', function(e) {
      e.preventDefault();
      var self = $(this);

      /** if you don't need to send to your php code 
      
      **/
      console.log(self.val());
      $('#rest').html(self.val());
      if (self.val().length > 0) {
        /*$.ajax({
          url: 'yourUrlphp',
          type: 'post',
          data: {
            yourText: self.val()
          },
          success: function(data) {
            $('#rest').html(data);
          }
        });*/
      }
    });