Não detectado SyntaxError: falha ao executar 'querySelector' em 'Document'

'<button id="'+item['id']+'" class="btnDeactivateKeyInChildPremiumCustomer waves-effect waves-light>ok</button>'

Eu usei o código acima para gerar o botão dentro do jquery de cada função. O botão criado dinamicamente e quando eu clico no botão, ele deve mostrar o progresso no botão. Estou usando issoCarregador de botão Ladda.

    btnDeactivateKeyInChildPremiumCustomerClick : function(event){
        var id = event.currentTarget.id;
        var btnProgress = Ladda.create(document.querySelector('#'+id));
//btnProgress.start(); or //btnProgress.stop();
    }

E então eu passei o botão o manipulador de eventos pegar o processo de evento a função acima. Dentro dessa função, ele criará umbtnProgress objeto. Depois disso, eu posso chamar as funções start () ou stop (). Eu trabalhei com êxito no caso de apenas um botão sem criar o botão dinamicamente dentro de cada um. Mas, para cada caso, está mostrando alguns erros ao executarvar btnProgress = Ladda.create (document.querySelector ('#' + id));

Erro

Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '#22' is not a valid selector.

questionAnswers(2)

yourAnswerToTheQuestion