Get previous and next siblings from jQuery
<pre><code>&lt;ul&gt;
  &lt;li&gt;
    &lt;img src="a"&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;img src="b"&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;img src="c"&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;img src="d"&gt;
  &lt;/li&gt;
&lt;/ul&gt; 
</code></pre>

<p>This is just an example, this above structure belongs to a carousel and IMG "b" is focused to the screen. I just want to know how to get the height of the previous image (that is "a") and the next image height (that is "c").</p>

<p>I tried with <code>.closest</code> and <code>.siblings()</code> but that didn't work.</p>
