How do I load an url in iframe with Jquery

Question

I want to load an iframe on click, this is what I have so far:

$("#frame").click(function () {        $('this').load("http://www.google.com/");     }); 

It doesn't work. This is the complete code: JS Bin

Answer 1

$("#button").click(function () {      $("#frame").attr("src", "http://www.example.com/"); }); 

HTML:

 <div id="mydiv">      <iframe id="frame" src="" width="100%" height="300">      </iframe>  </div>  <button id="button">Load</button> 

Answer 2

Try $(this).load("/file_name.html");. This method targets a local file.

You can also target remote files (on another domain) take a look at: http://en.wikipedia.org/wiki/Same_origin_policy