title: CSS hover on ios works only if an event listener is assigned
body: <p>I'm facing a weird problem. 
  I have created a css dropdown menu out of select dropdown form element using js. And it seems to work fine in most of the browsers but ios devices. When I hover the dropdown div; css hover event is not triggered in ios devices but if I add an eventlistener to dropdown element with no actions in the listener the hover event starts working. </p>
  
  <p>Here's my code to edit : <a href="http://codepen.io/kuldeepdaftary/pen/jKeDi" rel="nofollow">http://codepen.io/kuldeepdaftary/pen/jKeDi</a></p>
  
  <p>to test : <a href="http://codepen.io/kuldeepdaftary/full/jKeDi" rel="nofollow">http://codepen.io/kuldeepdaftary/full/jKeDi</a></p>
  
  <p>Try commenting following snippet in JS: </p>
  
  <pre><code>  $('.dropdown').click(function(){}); 
  </code></pre>
  
  <p>once you comment the above part ! Css hover will not work anymore in iphone/ipads but as soon as you uncomment it, it will work normally.</p>
  
  <p>Since the clickevent listner function is blank ! I dont understand what is it that solving the problem?</p>