JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Formulario com busca de CEP:</h1>
<!-- FORM SIMPLES COM OS CAMPOS NECESSARIOS PARA BUSCA DE ENDEREÇO-->
<form action="" method="post">
    <label for="cep">CEP:</label><br>
    <input type="text" placeholder="Ex: 00000-000" id="cep"><br>
        <label for="rua">Rua/Avenida:</label><br>
        <input type="text" id="rua"><br>
            <label for="bairro">Bairro:</label><br>
            <input type="text" id="bairro"><br>
                <div class="control-group">
                <label for="cidade">Cidade:</label><br>
                <input type="text" id="cidade"><br>
                    <label for="uf">UF:</label><br>
                    <input type="text" id="uf"><br>
                        </div>
                        <input type="submit" value="enviar">&nbsp;<input type="reset" value="Reset">
                    </form>

CSS

#cep, #rua, #bairro, #cidade {
    width: 190px;
    height: 30px;
    border: 1px solid #999;
    margin-top: 5px;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}

#uf {
    width: 50px;
    height: 30px;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   }

.control-group{
    display: inline-block;
    width: 300px;
    height: auto;
}

label {
    font-family: arial;
    font-size: 12px;
    color: #333;
    margin-left: 15px;
}
h1 {
    font-family: arial;
    font-size: 16px;
    color:#666;
    font-weight: bold;
    margin-left: 15px;
}

JavaScript

$(document).ready(function(){
    $("#cep").blur(function(e){
        if($.trim($("#cep").val()) != ""){
            $.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val(), function(){
                if(resultadoCEP["resultado"]){
                    $("#rua").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
                    $("#bairro").val(unescape(resultadoCEP["bairro"]));
                    $("#cidade").val(unescape(resultadoCEP["cidade"]));
                    $("#uf").val(unescape(resultadoCEP["uf"]));
                }else{
                    alert("Não foi possivel encontrar o endereço");
                }
            });
        }
    })
});