title: Load internal div after clicking button
body: <p>I have an invisible div by <code>display: none</code>.</p>
  
  <p>I need to load div after clicking on button, not OnPageLoad.</p>
  
  <p>Notice :</p>
  
  <p>I said <strong>LOAD</strong> div after <strong>Clicking</strong> button, i'm not talking about <strong>SHOW</strong> div. </p>
  
  <p>I don't want load div on page load.</p>
  
  <p>HTML is here :</p>
  
  <pre><code>&lt;input id="btn" type="button" value="Load Div" /&gt;
  &lt;div class="content" style="display: none;"&gt;
      &lt;img src="http://www.kippaxvet.com.au/Portals/kippaxvet/cute%20pup.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can i do that ?</p>
  
  <p>Any ideas would be appreciated.</p>
  
  <hr>
  
  <p><strong>EDIT</strong> {More information} :</p>
  
  <p>I have a div with many elements and images in there.</p>
  
  <p>If i load that div onPageLoad it's very heavy and take long times.</p>
  
  <p>I just need to <strong>Load</strong> that div when the user want show it up.</p>