title: Delete elements from iframe Jquery
body: <p>I have a built-in iframe from a pools app webservice.
  To add the iframe of a pool I add this code: </p>
  
  <pre><code>&lt;script&gt;
    (function(d, s, id){
      var js,
          fjs = d.getElementsByTagName(s)[0],
          p = (('https:' == d.location.protocol) ? 'https://' : 'http://'),
          r = Math.floor(new Date().getTime() / 1000000);
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id; js.async=1;
      js.src = p + "www.opinionstage.com/assets/loader.js?" + r;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'os-widget-jssdk'));
  &lt;/script&gt;
  &lt;div id="18993" class="os_widget" data-path="...." data-comments="false" data-of="..."&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The structure of the html when the iframe loaded is:</p>
  
  <pre><code>&lt;div id="18993" class="os_widget" style="..." ... &gt;
      &lt;div class="os_widget_container os_widget_container0" style="..." &gt;  
          &lt;iframe " name="os_frame" style="..." src="... "&gt; (no id)    
              &lt;!DOCTYPE html&gt;
                      ...
                      &lt;body&gt;
                           ...
                           &lt;h1&gt; &lt;/h1&gt;
                           ...
                      &lt;/body&gt;
               &lt;/html&gt;
          &lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to hide or delete h1.</p>
  
  <p>I have tried these with no success, even It doesn't allow me to add a id to iframe and of course I can't delete or hide h1:</p>
  
  <p>a) </p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
  
  var iFr = $('iframe');
  iFr.load(function() {
      iFr.attr('id','something');
      iFr.contents().find('h1').css({'display' : 'none'});
      //iFr.contents().find('h1').remove();
      //$('something').contents().find('h1').hide();
      });
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>b) </p>
  
  <pre><code>$(document).ready(function(){
  var f = $("iframe");
  f.load(function(){
      f.find(' h1').css({'display' : 'none'});
      //f.find('h1').hide();
      //f.contents().find('h1').remove();
      });
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help, would be great and appreciated
  Best
  Jose</p>