Having a hard time understanding what exactly is going on here. I have a hamburger for a navigation icon that when a user clicks the icon, add an active class to the element. 

For some reason I can't console.log when the active class is on the element?? The reason I want to be able to do this is if the user clicks on the hamburger when it is active to go back to it's "non" active state. 

Here is my jQuery

```
var nav = $('.nav-toggle'),
    activeNav = $('.nav-show');

nav.on("click", function(e){
    e.preventDefault();
    $(this).addClass('nav-show');
});

activeNav.on("click", function() {
    console.log("clicked active nav");
});

```

[JSFIDDLE DEMO](http://jsfiddle.net/Ls7osroc/)