JSFiddle - React, Tailwind, and code Playground

HTML

"disregard the button that is just to simulate a dynamic value being inserted to the field"<br>
<button id="gen">click</button>

<br>
<br>
<input type="text" id="field" /><br>
    "after recieving the value the jquery should notice the change and create an alert"

JavaScript

$('#gen').on('click',function() {
	$('#field').val('val').trigger("change");
});


$(document).on("change",'#field' ,function() {
	var work = $(this).val();
	alert(work);
});