JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p>Go to the bottom result pane in this iframe and click on the button. A div should tell you when the ajax completes.</p>

<p>I expect to get an alert that says "AJAXCOMPLETE" when the ajax is completed. It seems that this parent window cannot bind an ajaxComplete function into the iframe.</p>

<iframe id="frameSimulator" src="/Qgteb/5/show/" style="height:500px;width:800px;"></iframe>

JavaScript

var $simulatorDocument = $($("#frameSimulator").get(0).contentWindow.document);

$simulatorDocument.ajaxComplete(function(){
    alert("AJAXCOMPLETE");    
  });