Jquery/javascript check if the div finished loading?
<p>I have a facebook like button on my website like that:</p>

<pre><code>&lt;div class="fb-like" data-href="https://www.facebook.com/xxx"
             data-send="false" data-width="300" 
             data-show-faces="true"&gt;
&lt;/div&gt;
</code></pre>

<p>I want to use jQuery or java script to check if this div is 100% finished loading on the page and then do other stuff.</p>

<p>I used <code>$(document).ready</code> and <code>.load</code> to check but non of them worked (they do the function even before the div finished loading). Does this problem have to do anything with the fact that this div contain an iframe from another website ?
what am I doing wrong here ?</p>

<p><strong>UPDATE</strong> I just tried this and it did not work at all:</p>

<pre><code>$(document).ready(function() {
    $(".fb-like").load(function (){
         alert("Loaded :)");
    });
});
</code></pre>
