title: A simple custom Lightbox failing
body: <p>I've built a simple lightbox, easy enough with organic pages, I have the code working on codepen and a local file, however the second I throw it in wordpress it isn't working, maybe you guys can help me find out why.</p>
  
  <p>Basically i have two elements, the smaller image, and the fullsized lightbox.</p>
  
  <p>The jquery function is</p>
  
  <pre><code>jQuery(document).ready(function($) {
   $('.feature-single-image').live("click", function(){
     $('.lightbox-bg').show();
   });
   $('.lightbox-bg').live("click", function(){
     $('.lightbox-bg').hide();
   });
  });
  </code></pre>
  
  <p>my enqueue script is</p>
  
  <pre><code>function wpb_adding_scripts() {
   wp_register_script('lightbox', get_template_directory_uri() . '/js/lightbox.js', array('jquery'),'1.1', true);
   wp_enqueue_script('lightbox');
  } 
  
  add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 ); 
  </code></pre>
  
  <p>The jquery script is saved in the child theme js folder.</p>
  
  <p>I can't image why it isn't working but would love some help figuring this out.</p>
  
  <p><strong>Also</strong></p>
  
  <p>I should also mention the script with the .live( bit was a suggestion i saw on a similar post, but did not work for me. The original script was</p>
  
  <pre><code> jQuery(document).ready(function($) {
    $('.feature-single-image').click(function() {
      $('.lightbox-bg').show();
    });
    $('.lightbox-bg').click(function() {
      $('.lightbox-bg').hide();
     });
   });
  </code></pre>