problemas com execução ajax

<script>
    $(document).on("click", "#btnInfoMaq", function () {
        var info = $(this).attr('data-id');
        var str = info.split('|');
        var serie_maquina = str[0];
        var grupo_maquina = str[1];
        $(".modal-body #serie_maquina").val(serie_maquina);
        $(".modal-body #grupo_maquina").val(grupo_maquina);
    });
</script>

<script>
    $(document).ready(function(){
        var serie = $('#serie_maquina').val();
        var grupo = $('#grupo_maquina').val();
        console.log(serie);
        console.log(grupo);
        $.ajax({
            type:'post',
            url: 'info_maquina_consulta.php',
            data: {
                'serie':serie,
                'grupo':grupo
            },
            erro: function(){
                alert('erro');
            },
            success: function(data){
                $("#maquina_carrega").html(data);
            }

        });
    });
</script>