title: Event binding on dynamically created elements from iframe
body: <p>In my application, added code to append div elements dynamically to its parent div element. I can able to access predefined iframe div elements by using <code>$('#FrameId').contents().find('#id');</code>. But when i try to get newly appended div element, then it shows <strong>undefined</strong>. Why I can't able to access newly added div elements?</p>
  
  <p>For appending new div element, used below code:</p>
  
  <pre><code>$('#frameId').contents().find("#id").append("&lt;div class="sample"&gt;Some text&lt;/div&gt;");
  </code></pre>
  
  <p>When I try to get newly added div element, used below code:</p>
  
  <pre><code>$('#frameId').contents().find(".sample").click(function(){});
  </code></pre>
  
  <p>in which, click event is not triggered, because it can't able to find .sample div element.</p>