title: Trigger a jQuery DOM manipulation event through an EmberJS action
body: <p>I have a very trivial Ember APP in the making. For the sake of my own sanity, I prefer to do the necessary animations and simple dom events like mouseover/clicks through jQuery within EmberViews.</p>
  
  <p>Let's say I have this: </p>
  
  <pre><code>App.SomeView = Ember.View.extend({
  
       didInsertElement:function(){
         this.$(element).hover(function(){
                   $(anotherElement).toggle();
         });
       }
  
  });
  </code></pre>
  
  <p>My template is something like this:</p>
  
  <pre><code>&lt;script type="text/javascript" data-template-name="routeName"&gt;
     {{#view SomeView}}
        &lt;button {{action 'something' this}}&gt;    &lt;/button&gt;
        &lt;element&gt;&lt;/element&gt;
         {{#if condition}}
          &lt;anotherElement&gt;&lt;/anotherElement&gt; 
         {{/if}}
    {{/view}}
  &lt;/script&gt;
  </code></pre>
  
  <p>And my controller, accordingly supports the action 'something' like this:</p>
  
  <pre><code>App.SomeController = Ember.Controller.extend({
    condition:false,
    actions:{
      something:function(){
        this.set('condition',true);
      }
    }
  });
  </code></pre>
  
  <p>Everything works great, but what I want the '<strong>something</strong>' action to do is to trigger the '<strong>didInsertElement</strong>' event in my view so that '<strong>anotherElement'</strong> visibility is toggled without me having to write down that code all over again. </p>
  
  <p>Does this make any sense?  I tried using <strong>'observables'</strong> but could not get them to work. </p>
  
  <p>ALternately, if there are better ways to doing this, those are welcome as well.</p>