jQuery append css link to iframe head
<p>I'm trying to append a css file to an iframe that is created on a page from a global script.  I can access part of it, but for some reason I can't append to the head.  It's not throwing errors either, which is frustrating.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {                   
  $('#outline_text_ifr')
    .contents()
    .find('head')
    .append('&lt;link type="text/css" rel="stylesheet" href="/include/outline.css" media="all" /&gt;');
});
&lt;/script&gt;
</code></pre>
