title: Aalert when dynamic html it's ready
body: <p>I have an HTML that is loaded by jquery, I need a alert when it is fully loaded.</p>
  
  <p>My Real HTML:</p>
  
  <pre><code>&lt;div class="prerecord_main"&gt;
     &lt;div id="merch"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>after prepend by jquery:</p>
  
  <pre><code>&lt;div class="prerecord_main"&gt;
     &lt;div id="merch"&gt;
      &lt;div class="product-container"&gt;&lt;/div&gt;
      &lt;div class="product-container"&gt;&lt;/div&gt;
      &lt;div class="product-container"&gt;&lt;/div&gt;
      &lt;div class="product-container"&gt;&lt;/div&gt;
      &lt;div class="product-container"&gt;&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jquery</p>
  
  <pre><code>$('document').on('ready', '#merch .product-container', function() {
     alert('works');
  });
  </code></pre>