Correctly target previous div
<p>html:</p>

<pre><code>&lt;div class="wrap"&gt;
   &lt;div class="fotorama"&gt;&lt;img src="img1.jpg"&gt;/&gt;&lt;/div&gt;
   &lt;div class="fotorama-fullscreen"&gt;Open fullscreen&lt;/div&gt;
&lt;/div&gt;

&lt;div class="wrap"&gt;
   &lt;div class="fotorama"&gt;&lt;img src="img2.jpg"&gt;/&gt;&lt;/div&gt;
   &lt;div class="fotorama-fullscreen"&gt;Open fullscreen&lt;/div&gt;
&lt;/div&gt;

&lt;div class="wrap"&gt;
   &lt;div class="fotorama"&gt;&lt;img src="img3.jpg"&gt;/&gt;&lt;/div&gt;
   &lt;div class="fotorama-fullscreen"&gt;Open fullscreen&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>jQuery</p>

<pre><code>$(".fotorama-fullscreen").each(function(){
    $this = $(this);
    $this.on('click', function(){
        $("#wrapper").fadeTo(1000, 0, function(){
            $("#main").isotope("destroy");
            $this.prev().trigger('fullscreenopen'); &lt;== My trigger
            $("#wrapper").fadeTo(1000, 1);
        });
    });
});
</code></pre>

<p>I have a bounch of galleries which I open in fullscreen by pressing a button. The above code works on desk but when I'm on an iPad it doesn't open the gallery which leads me to think <code>.prev();</code> doesn't work on an ipad? Or am I doing something wrong in finding and addressing the correct path?</p>
