Usando jQuery para diseñar iFrame

He leído sobre una docena de preguntas similares aquí y he intentado todo lo que puedo pensar, pero obviamente estoy haciendo algo mal porque simplemente no puedo hacer que funcione.

HTML :

 

JS :

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

La consola está emitiendo:

 [
    ​…​
​]

cual es el elemento correcto Sin embargo, la display:none se aplica nunca en el navegador. Además, me parece extraño que la consola emita con el estilo en línea a pesar de que se configura después de la statement console.log() (no estoy seguro de si eso está relacionado o no, pero no parece que deba estarlo).

¿Alguien tiene alguna idea de por qué esto no funciona?

También debo agregar que también hay un