title: Run AJAX in an iframe - document.ready not working
body: <p>I have an app that uses AJAX, but the AJAX is not working properly in the iframe.</p>
  
  <p>Here is the JS that I am using (this is within the page that is loaded in to the iframe). The 3 functions each call an AJAX routine that populates the App. What I would like is for the iframe to load, and then for this JS to run. It has to be the iframe that calls this code when it has finished loading, as I have no control over the page that loads it (Facebook).</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  
      alert('HELLO!!!'); // Test to see if it working
  
      load_tab_content('&lt;?php echo $load_tab_content_nonce; ?&gt;');
      load_services('&lt;?php echo $load_services_nonce; ?&gt;');
      load_pages('&lt;?php echo $load_pages_nonce; ?&gt;');
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Is this possible, or am I going about it all wrong? Thanks.</p>