Использование jQuery для стилизации iFrame

Я прочитал здесь около дюжины подобных вопросов и перепробовал все, что мог придумать, но я явно делаю что-то не так, потому что просто могу ' t заставить его работать.

HTML :

<iframe name="posts" id="posts" src="edit.php">

JS :

$(document).ready(function() {
    $('iframe#posts').ready(function() {
        var frame = $('iframe#posts').contentDocument;
        console.log($('#adminmenu', frame));
        $('#adminmenu', frame).css('display', 'none !important');
    });
});

Консоль выводит:

[<ul id=​"adminmenu" style=​"display:​ none !important;​ ">​…​</ul>​]

, что является правильным элементом. Однако отображение : нет никогда не применяется в браузере. Кроме того, мне кажется странным, что консоль выводит данные со встроенным стилем, даже если он установлен после оператора console.log () (не уверен, связано это или нет, но не похоже на это должно быть).

Кто-нибудь знает, почему это не работает?

Я также должен добавить, что в основном тексте документа есть

как хорошо, но я решил, что предоставив контекст iframe, он должен быть нацелен на iframe.