jQuery .hover on Android - Prevent clickthrough
<p>The following code works fine to display a dropdown on the desktop, and on iOS, but on Android, it creates a click event and refreshes the page. How can i stop that? I've not found anything simple to solve this? </p>

<p>jQuery:</p>

<pre><code>$('nav li').hover(
    function () {
        $('ul', this).fadeIn(100);

    }, 
    function () {
        $('ul', this).fadeOut(100);         
    }
);
</code></pre>

<p>HTML:</p>

<pre><code>&lt;nav&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href=""&gt;Products&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/nav&gt;
</code></pre>
