mobile device interperting hover as click
<p>I have a hover event on an element for some reason when I open the site in mobile device the same event is fired when I click the element. </p>

<pre><code>&lt;ul&gt; 
   &lt;li&gt;
       &lt;a class="trigger"&gt; &lt;img/&gt; &lt;/a&gt;
        &lt;div&gt; Text&lt;/div&gt;
        &lt;p&gt;text&lt;/p&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>There is a hover event on class <code>trigger</code> and a click element on <code>&lt;p&gt;</code>. On mobile device when I click on anchor tag hover event is fired. </p>
