title: How do I make <iframes> load only on a button click?
body: <p>Friends, 
  My issue is that my page is really slow to load, because all of the  load simeltaneously. I am pulling an RSS feed that if you click on the "article" button it will pop up a Modal that has the  inside of it. The problem is that all of the s load simeltaneously.</p>
  
  <p>here is the site:
  <a href="http://daisy.camorada.com/" rel="noreferrer">http://daisy.camorada.com/</a></p>
  
  <p>I have tried inserting a src into the  but that doesn't work because i guess the iframe loads when the page opens. </p>
  
  <pre><code>&lt;button class='btn btn-primary' id='miguel'&gt;TEST ME NOW&lt;/button&gt;
          &lt;button class='btn btn-primary' id='jamison'&gt;jamison&lt;/button&gt;
          &lt;div id="yoyoyo"&gt;
              &lt;/div&gt;
              &lt;iframe id="gogo"&gt;
                  &lt;/iframe&gt;
  
  &lt;script&gt;
          $('#miguel').on('click', function() {
              alert('clicked');           
              $('#gogogo').attr('href', 'http://www.google.com');
  
          });
      &lt;/script&gt;
      &lt;script&gt;
          $('#jamison').on('click', function() {
              alert('clicked JAMISON');       
              $("#yoyoyo").html("&lt;h1&gt;HELLO J&lt;/h1&gt;&lt;br&gt;&lt;iframe class='full-iframe' href='http://news.yahoo.com/three-killed-tribal-clash-libya-001717827.html'&gt;&lt;/iframe&gt;");
  
          });
  
      &lt;/script&gt;
  </code></pre>