jquery - load data of page in URL using javascript -

i have html page want load on click of class using javascript. thinking of fetching html using iframe. page contains content in form of overlay.

i have used .load() function of jquery not anything. pages working both in same domain hoping page have loaded.

how can achieve this?

$(".popup-layout").click(function() {  // want load iframe here. should iframe sit on current page diplay:none.         }); 

i use ajax loaded content on iframe, opion though.

$(".popup-layout").click(function() {        $.get("yourfile.html", function(data){         $("#content").html(data); // div load content in        });     });