JSFiddle - React, Tailwind, and code Playground

HTML

<datalist id="potentials">
    <option value="Rick Bross"/>  
    <option value="Jack Johnson"/>  
    <option value="Rick Bross"/>  
    <option value="Rick Bross"/>   
</datalist>
<input id="name" list="potentials" />

JavaScript

window.checkModelData = function(ele)
{
   console.log('changed'); 
    var name = $(ele).val().replace(" ", "");
    var mod = potentialModels[name];
    if(mod) {
        loadModelData(name);
    }
}

function loadModelData(name) {
    var mod = potentialModels[name];
    $("#address").val(potentialModels[name].address);
    $("#city").val(potentialModels[name].city);
    $("#state").val(potentialModels[name].state);
    $("#email").val(potentialModels[name].email);
    $("#phone").val(potentialModels[name].phone);
    $("#zip").val(potentialModels[name].zip);
}

$("#name").bind('input', function () {
    window.checkModelData(this);
});