title: jQuery .on click not working for user click
body: <p>I have the following code set</p>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>$(document).ready(function(){ 
      $("#login").on("click",function() {
          alert($(this).val());
      });
      $("#login").click();
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="button" id="login" name="login" value="LOG IN"&gt;
  </code></pre>
  
  <p>as expected, this code triggers an alert when the document loads with the value of the login button. </p>
  
  <p>however, when i try a manual click with the mouse, it does not trigger. </p>
  
  <p>here is a test i just did: 
  <img src="https://i.stack.imgur.com/I4nXh.gif" alt="enter image description here"></p>