title: Get current element on click
body: <p>I have two divs with same class <code>pan-detail-div</code> and have a span tag.
  When user clicks on that span tag,I want to get that div. For example if user clicks span of left side div, It should return only that div
  but currently I am getting both divs.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="pan-detail-div" style="float=left;"&gt;
  &lt;span class="show-more"&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="pan-detail-div"&gt;
  &lt;span class="show-more"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(".show-more").click(function () {
      var providerContainer = $(this).parents().find(".pan-detail-div");
  }
  </code></pre>