Set iFrame src value dynamically

Question

HTML

    <a onclick="readMore('<%:p.Link %>')" class="actionButton">READ MORE</a>

  <iframe id="iFrameBlog"></iframe>

JS

  var readMore = function (blogUrl) {
        $('#iFrameBlog').src = blogUrl;
    };

My Question : 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 ?

Answer 1

Try this,

 $('#iFrameBlog').attr('src', blogUrl);

instead of

 $('#iFrameBlog').src = blogUrl;