title: Getting element by ID in Ember
body: <p>I am running two ember applications. One has the following component:</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend({
   tagName: 'a',
  
   click: function() {
    Ember.$('#wrapper').toggleClass('toggled');
   }
  });
  </code></pre>
  
  <p>and the other one, has this one:</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend({
   tagName: 'a',
  
   click: function() {
    this.$('#wrapper').toggleClass('toggled');
   }
  });
  </code></pre>
  
  <p>What I can't understand here is why in one application I select an element by ID using <code>Ember.$('#wrapper')</code> and in the other using <code>this.$('#wrapper')</code>.</p>
  
  <p>What is this about? Ember version?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I'm very puzzled, since both components are the same:</p>
  
  <pre><code>{{#show-menu}}
      &lt;i class="fa fa-bars"&gt;&lt;/i&gt;`
  {{/show-menu}}`
  </code></pre>
  
  <p>They are both hamburger menus used to hide a sidebar div, and the <code>#wrapper</code> is an external element.</p>
  
  <p>Since in both cases the <code>#wrapper</code> are external elements, shouldn't just the first case work @Gaurav and @Kevin Jhangiani?</p>