how can i make $(document).on('touchstart') function work on ipad?
<p>I'm simply toggling the class when a specific button is clicked, when the user clicks outside document i then want to remove the class. This works fine if I change the event to click and test on desktop but on iPad nothing seems to happen. Can anyone offer any suggestions on how to make this work?</p>

<pre><code>$shoppingIcon.on('click', function(e) {
        var $this = $(this);
        $this.prev($productInfo).toggleClass('active');
    });

    $(document).on('touchstart', function() {
        $productInfo.removeClass('active');
    });​
</code></pre>
