cargar input text dependiente de otro input text

[matrixre9]

Algo como esto es lo que quiero

html

Código:

<form id="formulario" name="formulario" method="post" action="" onSubmit="alert('enviado'); return false;">
    <label>Id:</label>
    <input type="text" name="inId" id="inId" /><small>(introduce " JE ")</small>
    <br>
    <label>Nombre:</label>
    <input type="text" name="inNombre" id="inNombre" readonly />
    <br>
    <label>Apellido:</label>
    <input type="text" name="inApellido" id="inApellido" readonly/>
    <br>
    <input type="submit" name="button" id="button" value="Enviar" disabled />
</form>

js

Código:

$("#inId").on("blur",llenado);

function llenado(){
    var id = $("#inId").val();
    if(id == "JE"){
        var nombre = "Juanito";
        var apellido = "Escarcha";
        
        $("#button").attr("disabled", false);
    }
    else {
        var nombre = "No disponible";
        var apellido = "No disponible";
        $("#button").attr("disabled", true);
    }
    
    $("#inNombre").val(nombre);
    $("#inApellido").val(apellido);
}

solo que en vez de que en el archivo js estén constantes los valores juanito y escarcha, se realice una consulta a la base de datos para obtener los datos que se quieren y mostrarlos en los texbox tal como en este ejemplo

alguien podría ayudarme en eso, gracias