How to get iFrame load event using jQuery

See more:

jQuery

IFrame

EventLifeCycle

Hi Guyz,

I have scenraio like in one of my Page, iFrame is being loaded, over that iFrame I need to bind a click event using jQuery, for that I have tried below code:

$j('.ms-dlgFrame').load(function(){
  $j('.ms-dlgFrame').contents().find('a [title="Browse"]').bind('click', function(){
    console.log('Frame Loaded');
    setTimeout(function(){ 
	console.log('Function Loaded after Timerout');
    $j('.ms-dlgFrame').each(function(){
      $j(this).contents().find('#resultcontent').css('height','200px'); 
	  $j(this).contents().find('#MetadataTreeControlTreeSearch').css('height','200px');
	   });
    },5000);
  });
});

but there was not luck. I could not get the click event fired. Tried lot of tricks to achieve but did not work for me. Any help over how to bind a click event of iFrame element using jQuery would be much appreciated.