JQuery Dropdown Menu <li> Links Do Not Work In Internet Explorer
<p>I recently implemented a jQuery dropdown from this developer's site: <a href="http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/" rel="nofollow">http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/</a>, and it looks and works fine on my site in Chrome and Firefox (my site is: <a href="http://www.ExpeditionerSafaris.com" rel="nofollow">http://www.ExpeditionerSafaris.com</a>).</p>

<p>However, in Internet Explorer (of course), the li links do not work.</p>

<p>Here is the code:</p>

<pre><code>function DropDown(el) {
    this.dd = el;
    this.initEvents();
}

DropDown.prototype = {
    initEvents: function () {
        var obj = this;

        obj.dd.on('click', function (event) {
            $(this).toggleClass('active');
            event.stopPropagation();
        });
    }
}

$(function () {

    var dd = new DropDown($('#dd'));

    $(document).click(function () {
        // all dropdowns
        $('.wrapper-dropdown-5').removeClass('active');
    });

});
</code></pre>
