title: Access element within iframe that is inside jQuery UI dialog
body: <p>HTML is pretty simple, on my page I have </p>
  
  <pre><code>&lt;div id="notificationDialog" title="View Notification"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I dynamically load notifications based on the user viewing the page, and display them inside an iframe, which is inside a jQuery ui dialog. Basically, </p>
  
  <pre><code>function viewNotif(nid) {
    var wWidth       = jQuery(window).width();
    var dWidth       = wWidth * 0.5;
    var $notifIframe = jQuery('&lt;iframe /&gt;', {
        name: 'myFrame',
        id:   'myFrame',
        src: "/modals/modal_notification.php?nid="+nid,
        width:"100%",
        height:"100%",
        align:"center",
        scrolling:"auto",
        frameborder:"0"
    }); 
  
    jQuery('#notificationDialog').html($notifIframe.clone());
  
    jQuery('#notificationDialog').dialog({
        autoOpen: false,
        height: auto,
        width: dWidth,
        modal: true
    });
  
    jQuery('#notificationDialog').dialog('open');
  }
  </code></pre>
  
  <p>I am trying to access the height value of a div that is within the iframe inside the jQuery ui dialog, and have thus far been unable to do so. How would I get the height value of a div, id of the div is notification_container which is inside the iframe, inside notificationDialog?</p>
  
  <p>EDIT - I should mention that the function is called in an onClick one the page, and passes the notification ID (nid) to display, to the function.</p>