title: jQuery find closest ul
body: <p>My HTML structure is like this:</p>
  
  <pre><code>    &lt;div class="product-slider-title"&gt;
          &lt;div&gt;&lt;span class="left"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
          &lt;div&gt;Sample title&lt;/div&gt;
          &lt;div&gt;&lt;span class="right"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="prslider1" class="product-slider-wrapper"&gt;
          &lt;div class="left-prduct-slider-nav sprites"&gt;&lt;/div&gt;
          &lt;div class="right-prduct-slider-nav sprites"&gt;&lt;/div&gt;    
          &lt;div class="product-slider"&gt;
              &lt;ul&gt;
                  &lt;li class="product-holder"&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>How can i find the closest <code>.product-slider ul</code> from <code>.left-prduct-slider-nav</code> when i click on <code>.left-prduct-slider-nav</code>?</p>