Dynamically inserting stylesheet into IFRAME
<p>I have done the following:</p>

<pre><code>&lt;iframe id="portal" src="page-on-my-domain.php"&gt;&lt;/iframe&gt;

$(document).ready(function() {

    $('#portal').load(function(){
        $('#portal').contents().find('head').append('&lt;link href="/css/iframe.css" rel="stylesheet" type="text/css" /&gt;');
    });

});
</code></pre>

<p>This is working fine, however the problem is whenever I update the stylesheet, the updated styles are not being applied in the IFRAME. I have tried reloading the page and the iframe but it is still picking up the old styles.</p>
