title: Show featherlightbox pop up on page load
body: <p>I'm going to be totally honest. I have zero experience in wordpress php coding but I can do simple adjustments using the wordpress admin. Now I'm facing a problem. I used the feather lightbox js. I have a code below which shows the part of the footer. </p>
  
  <pre><code>&lt;?php if ( is_front_page() ) :  ?&gt;
  
  &lt;script&gt;
  
      jQuery(document).ready(function() {
  
  
      $.featherlight("#mylightbox");
          //console.log("hi");
  
  
  
      });
  
  &lt;/script&gt;
  
   &lt;?php endif; ?&gt;
  
  
  
   &lt;?php wp_footer(); ?&gt;
  
   &lt;a href="#" data-featherlight="#mylightbox"&gt;Open element in lightbox&lt;/a&gt;
   &lt;div id="mylightbox"&gt;This div will be opened in a lightbox&lt;/div&gt;
  
   &lt;/body&gt;
  </code></pre>
  
  <p>With this the featherlightbo pops up when i clicked the anchor tag. But what i want to do is to have the feather lightbox to open it on page load. As you can see in my code there's a part there says if front_page which has also ready function. It returns an error </p>
  
  <p><strong>Uncaught TypeError: Cannot read property 'featherlight' of undefined</strong></p>
  
  <p>Please I need your help anyone.</p>
  
  <p>Thanks.</p>