jquery - アンカー タグでのクリック イベントのトリガーが機能しない

Question

私はちょうどこの質問に出くわしました

フィドル

clickアンカー タグでイベントをトリガーしても、ここでは機能しません。

<a class="button2" href="#popup1">hello</a>
<div id="popup1" class="overlay">
  <div class="popup">
    <div class="contentSpec">
      <h2>Would you like to visit</h2>
      <h1>someURL</h1>
    </div>
    <a class="close" href="#"></a>
    <div class="content">

      <div class="box">
        <a class="button" href="#popup1">YES</a>
        <a class="button1" href="#popup1">NO</a>
      </div>
    </div>
  </div>
</div>

JS:

$(document).ready(function() {
  $(".button2").trigger('click');
});

私の質問は、この場合、トリガーイベントが機能しないのはなぜですか?