`fadeIn` and `fadeOut` for Ember Component (ES6; ember-cli)

ember-component-fadeout.js

export default Ember.Component.extend({
  fadeDurationInMilliseconds: 300,
  
  didInsertElement() {
    let duration = this.get("fadeDurationInMilliseconds"),
      element = this.$();

    element.fadeIn(duration);
  },
  
  willDestroyElement() {
    let duration = this.get("fadeDurationInMilliseconds"),
      current = this.$(),
      clone = current.clone(),
      previous = current.prev(),
      next = current.next();

    // must clone the node and insert it accordingly for a smooth animation
    if (previous.length) {
      previous.after(clone);
    } else if (next.length) {
      next.before(clone);
    } else {
      let parent = current.parent();
      parent.append(clone);
    }

    clone.fadeOut(duration, () => clone.remove());
  }
});

Hello!
This is pretty much what I'm looking for. I have got an ember component {{#header-note}}...{{/header-note}} a header-note.hbs and a header-note.js where I put your code in. But nothing happens ... Do I miss something? Using Ember 2.2.