Estou seguindo o curso de jquery parte 2, e percebi que uma função opicional que eu implementei na parte 1 não está funcionando. Trata-se de desativar o "botao-reiniciar". O código está assim:
function inicializaCronometro() {
    campo.one("focus", function() {
        var tempoRestante = $("#tempo-digitacao").text();
        $("#botao-reiniciar").attr("disabled",true);
        var cronometroID = setInterval(function(){
            tempoRestante--;
            $("#tempo-digitacao").text(tempoRestante);
            if (tempoRestante < 1) {
                clearInterval(cronometroID);
                finalizaJogo();
            }
        }, 1000);
    });
};
function finalizaJogo(){
    campo.attr("disabled", true);
    campo.toggleClass("campo-desativado");
    inserePlacar();
    $("#botao-reiniciar").attr("disabled", false);
}acontece que mesmo mudando o atributo disabled no botão, eu continuo podendo clicar nele sem problemas, o que causa alguns bugs.
a função attr() está funcionando normalmente para o objeto "campo", que fica desabilitado quando necessário. Também realizei alguns testes e eu consigo mudar alguns outros atributos sem problemas, o problema está em tornar esse botão disabled. O que pode estar acontecendo?
 
             
            