JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<div class='wrapper'>
    <a href='#' class='click_here'>click here</a>
</div>
<input type="button" id="btn" value="Load" />
<div id="d_content">
    
</div>
<iframe id="render">

    </iframe></form>

JavaScript

$('.wrapper').on( 'click', '.click_here', function() {
    $(this).after('<a href="#" class="or_here"><br />or here</a>');
});
$('.wrapper').on( 'click', '.or_here', function() {
    $(this).remove();
});
$(document).ready(function(){
$('#btn').click(function(){
/*$('#d_content').load('foo');
        $.ajax({
          url: "fdd",
          cache: false,
          success: function(html){
            $("#d_content").load(html);
          }
       }); */
    //var iframe = $('#render');
    //iframe.load('http://google.com');
    //document.getElementById('render').src = window.location.;
    $("#d_content").load("https://www.sempcheckplus.com/Modules/Reports/Report_Viewer.aspx?ID=264554", function(){
        $("a[title|='PDF']").trigger('click', function(node){
	if ( document.createEvent ) {
		var evt = document.createEvent('MouseEvents');
		evt.initEvent('click', true, false);
		node.dispatchEvent(evt);	
	} else if( document.createEventObject ) {
		node.fireEvent('onclick') ;	
	} else if (typeof node.onclick == 'function' ) {
		node.onclick();	
	}
});
    });
 });
   
});