Uncaught SyntaxError: Не удалось выполнить 'querySelector' для 'Document'

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

Я использовал приведенный выше код для генерации кнопки внутри jquery каждой функции. Кнопка создавалась динамически, и когда я нажимал кнопку, она должна отображать ход выполнения кнопки. Я использую этоLadda Button Loader.

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

А потом я передал кнопку обработчик событий поймать процесс обработки вышеупомянутой функции. Внутри этой функции он создастbtnProgress объект. После этого я могу вызывать функции start () или stop (). Я успешно работал в случае только одной кнопки, не создавая кнопки динамически внутри каждой из них. Но в каждом случае он показывает некоторые ошибки при выполненииvar btnProgress = Ladda.create (document.querySelector ('#' + id));

ошибка

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