title: Set iFrame src value dynamically
body: <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;a onclick="readMore('&lt;%:p.Link %&gt;')" class="actionButton"&gt;READ MORE&lt;/a&gt;
  
    &lt;iframe id="iFrameBlog"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>  var readMore = function (blogUrl) {
          $('#iFrameBlog').src = blogUrl;
      };
  </code></pre>
  
  <p><strong>My Question :</strong> When above hyper link clicks,I need to show that url on iFrame's src and need to show that page.But iFrame always stays as empty.Any help ?</p>
  
  <p><img src="https://i.stack.imgur.com/UdRZM.png" alt="enter image description here"></p>