title: event firing but not being handled by the component
body: <p>I have the following code within one of the components on my lightning component (salesforce) app:</p>
  
  <pre><code>&lt;aura:registerEvent name="openSidebarEvent" type="c:OpenSidebarEvent" /&gt;
  </code></pre>
  
  <p>The Component event looks as below:</p>
  
  <pre><code>&lt;aura:event type="APPLICATION" description="Event template"&gt;
      &lt;aura:attribute name="postId" type="String" /&gt;
      &lt;aura:attribute name="type" type="String" /&gt;
  &lt;/aura:event&gt;
  </code></pre>
  
  <p>and this is how I am firing the event from same compoent:</p>
  
  <pre><code>var appEvent = $A.get("e.c:openSidebarEvent");
          appEvent.setParams({ postId: selected_feedId });
          appEvent.setParams({ type: "post" });
          appEvent.fire();
  </code></pre>
  
  <p>Now the receiver component has this:</p>
  
  <pre><code>&lt;aura:handler event="c:OpenSidebarEvent" action="{!c.highlightPost}" /&gt;
  
   highlightPost: function(component, event, helper) {
      console.log("application event handle");
    }
  </code></pre>
  
  <p>So basically highlightPost() is never called on this component.</p>
  
  <p>But I do have exactly same thing in another component and it works there. Not entirely sure why would this not work on this component? Does the hierarchy of cmps matter?</p>