title: Jquery working on console but not on page
body: <p>I am trying to hide a div after certain time once its loaded and its working when I do this in the console but it doesnt work when I put this code in the actual webpage.</p>
  
  <pre><code> (function ($) {
    if ($('#insightera_widget_content').length) {
    $('#insightera_widget_content').delay(10000).fadeOut('slow');
    }
  }(jQuery));
  </code></pre>
  
  <p>The div <strong>insightera_widget_content</strong> cannot be seen when I view the source code as well, but I can see it on the Inspector. It loads from some external widget.</p>
  
  <p><a href="https://i.stack.imgur.com/qniME.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qniME.png" alt="enter image description here"></a> 
  I have tried using the below to the page too and it doesn't work at all.</p>
  
  <pre><code>  &lt;script&gt;
      $(document).ready(function() { 
      if ($('#insightera_widget_content').length) { 
      $('#insightera_widget_content').delay(10000).fadeOut('slow');}
      }); 
      &lt;/script&gt;
  </code></pre>
  
  <p>Any suggestions?</p>