JQuery щелчок () на кнопке div не сработает

Я пытаюсь эмулировать клик пользователя на сайте, код которого я не контролирую. Элемент, который я пытаюсь задействовать с div, действующим как кнопка.

<div role="button" class="c-T-S a-b a-b-B a-b-Ma oU v2" aria-disabled="false" style="-webkit-user-select: none;" tabindex="0">
    Generate
</div>

Прослушиватели событий, связанные с элементом (согласно инспектору Chrome):

И я просто пытаюсь нажать на кнопку, используя:

var button = $('.c-T-S.a-b.a-b-B.a-b-Ma.oU.v2')
button.click()

... но ничего не происходит. Селектор действителен, что подтверждается:

alert($('.c-T-S.a-b.a-b-B.a-b-Ma.oU.v2').length); // alerts "1"

Я пробовал перестановки всех обработчиков событий

button.trigger('click');
button.mouseover().mousedown().mouseup()
button.trigger('mouseover', function() { button.trigger('mousedown', function() { button.trigger('mouseup'); });  });

... но все равно ничего. Как я могу симулировать клик по этому элементу?

В случае, если это не ясно, я пытаюсь смоделировать щелчок по этому элементу div и вызвать исходную функцию, а не определять новую функцию щелчка для элемента.

ОБНОВИТЬ

Многие из этих ответов действительно нажимают кнопку, но не дают такого же результата, как нажатие кнопки вручную. Похоже, проблема заключается не в том, что вы нажимаете кнопку, а вреальный нажмите кнопку.

Ответы на вопрос(5)

Ваш ответ на вопрос