title: Trigger lightbox functionality on button click jQuery
body: <p>I've searched all over and I'm unable to get this to work. I've got a button which I want to use as the main control to load up a lightbox image.</p>
  
  <p>Here is my HTML</p>
  
  <pre><code>&lt;li class="span1"&gt; 
        &lt;a href="https://farm4.static.flickr.com/3760/18492500814_4597807b9e_b.jpg" title="FLAG4_km003" class=" thumbnail" target="_blank" data-lightbox="lightbox"&gt;
         &lt;img alt="FLAG4_km003" src="https://farm4.static.flickr.com/3760/18492500814_4597807b9e_z.jpg"&gt;
        &lt;/a&gt;
  
   &lt;div class="hover-box"&gt;
       &lt;p&gt;Title&lt;/p&gt;
       &lt;button class="view box-button"&gt;Zoom&lt;/button&gt;
       &lt;button class="request box-button"&gt;Request&lt;/button&gt;
   &lt;/div&gt;
   &lt;/li&gt;
  </code></pre>
  
  <p>As you can see the required lightbox link is in place but I want to trigger the click of it when a user clicks on the 'Zoom' button. </p>
  
  <p>Here is my jQuery which currently isn't working: </p>
  
  <pre><code>$(document).on('click', '.view', function(){ 
      $(this).closest("li.span1 a").click();
  });
  </code></pre>