title: how to know if an embedded ember application is ready
body: <p>i have a simple static html page with an ember application implemented via a <code>&lt;script&gt;</code> tag.
  On this page I also have a loading animation in a <code>div</code> with the class loader that I want to hide once the ember application is started or ready.</p>
  <p>In my html code I have to place the following div:</p>
  <pre><code>&lt;div id=&quot;tool-wrapper&quot; data-tool-locale=&quot;en&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>The Ember App then places it's content into this <code>div</code>. I already tried to place my code into this div, hoping that the code would be replaced, but unfortunately that did not work because the ember app appends it's code into this <code>div</code>.</p>
  <p>Since I don't know Ember.js, and the code of the application is minimized, I hope that someone can tell me an default event from Ember.js or something like that I can wait for and then use JS to hide my <code>div</code> with the loader animation.</p>