O acionamento do evento de clique no meu retorno de chamada .click causa "Tamanho máximo da pilha de chamadas excedido"

Eu não conseguia entender por que isso está acontecendo. Eu tenho um botão que abre um pop-up de inicialização. Mas antes de abrir o modal, preciso alterar algumas das minhas variáveis. Por isso, estou acionando um evento click no botão oculto que abre o modal de autoinicialização. HTML parece algo como-

<div id="visible-button">
   <span class="hidden" id="open-modal" data-toggle="modal" data-target="#popup-modal"></span>
</div>

E o código js é algo como-

$('#visible-button').click(function(){
   //perform data manipulation
   $('#open-modal').trigger('click');
});

Mas isso produz

RangeError não capturado: tamanho máximo da pilha de chamadas excedido

Se eu editar o código para

$('#visible-button').click(function(){
   //perform data manipulation
   setTimeout(function(){
     $('#open-modal').trigger('click');
   }, 500);
});

O modal continua se abrindo e desaparecendo para sempre. O que exatamente está acontecendo aqui? Também já acionei um evento de clique no passado, mas nunca vi esse cenário. Obrigado pela ajuda antecipadamente.

questionAnswers(4)

yourAnswerToTheQuestion