title: Why am I unable to remove element using directive
body: <p>I can't figure-out why my directive is failing.</p>
  
  <pre><code>app.directive('errSrc', function() {
      return {
          link: function(scope, element, attrs) {
              element.bind('error', function() {
                  element.remove();
              });
          }
      }
  });
  </code></pre>
  
  <p>This directive fails to remove the elements to which it applies. However, if I replace the:</p>
  
  <pre><code>element.remove();
  </code></pre>
  
  <p>with:</p>
  
  <pre><code>element.hide();
  </code></pre>
  
  <p>it will hide the element.</p>
  
  <p>As far as I understand from the angular documentation both .remove() and .hide() methods are part of the JQLite that's baked-into angular so they should both work.</p>
  
  <p>Any ideas?</p>