Estou tentando emular o clique de um usuário em um site cujo código não controle. O elemento que estou tentando envolver com uma div que atua como botão.

<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>

Os ouvintes de eventos associados ao elemento (de acordo com o inspetor do Chrome) são:

E eu estou simplesmente tentando clicar no botão usando:

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

... mas nada acontece. O seletor é válido, conforme verificado por:

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

Eu tentei permutações de todos os manipuladores de eventos

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

... mas ainda nada. Como posso simular um clique nesta div?

Caso não esteja claro, estou tentando simular um clique nesta div e acionar a função original, não definindo uma nova função de clique no elemento.

ATUALIZAR

Muitas dessas respostas de fato clicam no botão, mas não produzem o mesmo resultado que clicar manualmente no botão. Parece que o problema não é necessariamente clicar no botão em si, mas simular umreal clique.