title: How to hide div inside iframe?
body: <p>I have tried the following which did not work:</p>
  
  <pre><code>$('iframe').contents().find('#hide_this_div').hide(); 
  
  $(function() {   
    var $head = $('frame').contents().find("head");                
    $head.append("&lt;link/&gt;", { 
      rel: "stylesheet", 
      href: "./hide_the_div.css", 
      type: "text/css" 
    });
  })
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>#hide_the_div {
    display: none;
  }
  </code></pre>
  
  <p>I am trying to hide the <code>.timestamp</code> class in this iframe:</p>
  
  <pre><code>&lt;iframe  src="https://www.facebook.com/plugins/comment_embed.php?href=https%3A%2F%2Fwww.facebook.com%2FScrapbookingCoach%2Fvideos%2F318198945603068%2F%3Fcomment_id%3D331374627618833&amp;include_parent=false" width="560" height="141" style="border:none;overflow:hidden" scrolling="yes" frameborder="15" allowTransparency="true" allow="encrypted-media"&gt;&lt;/iframe&gt;
  </code></pre>