Связывание внешней таблицы стилей со страницей в iframe

Я проверил множество других вопросов, но мне все равно не повезло.

Я работаю над своей локальной машиной в хроме.

У меня есть welcome.html (главная страница) и test.html (страница iframe), тогда у меня есть свой style.css.

Цель. Попросите мой test.html как iframe внутри моей страницы welcome.html. Но пусть iframe (test.html) будет создан с использованием jQuery.

Поэтому у меня это в моем приветствии.html

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
var $head = $("iframe").contents().find("head");                
$head.append($("<link>", { rel: "stylesheet", href: "style.css", type: "text/css"     }));
});
</script>

а затем это внутри тега тела

<iframe name='iframe' id="iframe" src="test.html"></iframe>

iframe работает, но никакие стили не прикрепляются, когда я проверяю iframe.