title: jQuery trigger("click") not working
body: <p>Can someone please explain what is wrong with the pasted code. It shows alert on hover but does not perform click event like I expect, and click does not work on either <code>&lt;a&gt;</code> tag or <code>&lt;select&gt;</code> tag. My purpose is to expand the <code>select</code> element <em>on hover</em> by triggering <em>click</em> event</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;a id="linkElement" href="www.google.co.uk"&gt;click&lt;/a&gt;
  
      &lt;select name="cars" id="selectElemet"&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="fiat"&gt;Fiat&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
      &lt;/select&gt;
  
  
      &lt;script&gt;
          $(document).ready(function () {
              $("#selectElement").mouseover(function () {
                  $("#selectElement").trigger("click");
              });
  
              $("#linkElement").mouseover(function () {
                  alert('here');
                  $("#linkElement").trigger("click");
              });
          });
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>