title: Angular directive with click event gets called twice
body: <p>I'm having an issue where my click event is getting called twice. Not sure what I'm missing but I've only included this directive once in my application. I have tried adding the directive to one element only but the call is still happening twice.</p>
  
  <p>Can someone take a look at the code and tell me what i'm missing please?</p>
  
  <pre><code>angular.module('mymodule', [])
  .directive('mydirective', function () {
      return {
          restrict: 'AE',
          link: function ($scope, $element, $attrs) {
  
              $element.children().bind('click', function () {
  
                  console.log("test" + this);
  
                  if ($element.hasClass('active')) {
                      $element.removeClass('active');
                      return;
                  } else if (!$element.hasClass('active')) {
                      $element.addClass('active');
                      return;
                  }
              });
          }
      }
  });
  </code></pre>