How to hear from `iframe` content change?
<p>There is a <code>angularjs</code> application, I am working out of it. in my web page, I am getting application loaded in the <code>iframe</code> - I just want to know whether the <code>ifame</code> loaded or not. for that, I use:</p>

<p>//but i don't like this.</p>

<pre><code> var myTimeout = function () {
         setTimeout(function(){
             if($('.ssueContentIframe').length &gt; 0 ) {
                  penetrate();
                  return;
             }
             myTimeout();
         }, 10000);
     };

    myTimeout();
</code></pre>

<p>in the <code>iframe</code> there is number of content keep loading and changing. But one of the event I would require to add in the element with class name of <code>.ui-grid-icon-ok</code> - how can I hear from <code>document</code> that the <code>element existence</code> - any one help me?</p>