Ipad hover event jQuery
<p>Im trying to create a false hover event for my site using jQuery...</p>

<p>I have created the following only all the child elements in my list now return false also as opposed to linking to the correct page...</p>

<pre><code>if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
    $("ul.sf-menu li.i").click(function(e) {
        e.preventDefault();
    });
}
</code></pre>

<p>Has anybody an idea on an alternative method that could work?</p>

<hr>

<p>HTML</p>

<pre><code>&lt;ul class="sf-menu"&gt; &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;li class="i"&gt;&lt;a href="wedding-hire.html"&gt;Weddings&lt;/a&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="peel-suite.html"&gt;Peel Suite&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="the-hall.html"&gt;The Hall&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="the-grounds.html"&gt;The Grounds&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="food-and-drink.html"&gt;Food &amp;amp; Drink&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="pricing.html"&gt;Pricing&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
</code></pre>

<p></p>
