title: Triggering click event on anchor tag doesn't work
body: <p>I just ran into <strong><a href="https://stackoverflow.com/questions/34173463/trigger-popup-or-div-id-on-document-ready">this question</a></strong> </p>
  
  <p><strong><a href="http://jsfiddle.net/3errLzvs/13/" rel="noreferrer">FIDDLE</a></strong></p>
  
  <p>Triggering <code>click</code> event on anchor tag is not working here.</p>
  
  <pre><code>&lt;a class="button2" href="#popup1"&gt;hello&lt;/a&gt;
  &lt;div id="popup1" class="overlay"&gt;
    &lt;div class="popup"&gt;
      &lt;div class="contentSpec"&gt;
        &lt;h2&gt;Would you like to visit&lt;/h2&gt;
        &lt;h1&gt;someURL&lt;/h1&gt;
      &lt;/div&gt;
      &lt;a class="close" href="#"&gt;&lt;/a&gt;
      &lt;div class="content"&gt;
  
        &lt;div class="box"&gt;
          &lt;a class="button" href="#popup1"&gt;YES&lt;/a&gt;
          &lt;a class="button1" href="#popup1"&gt;NO&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function() {
    $(".button2").trigger('click');
  });
  </code></pre>
  
  <p>My question, is why the trigger event is not working in this case?</p>