How can I get a reference to an element that has a common class on click? : <p>If I have the following html structure:</p>

<p><code>&lt;div class ='wrapper'&gt;&lt;/div&gt;</code></p>

<p><code>&lt;div class ='wrapper'&gt;&lt;/div&gt;</code> <em>I want to get this element</em></p>

<p><code>&lt;div class ='wrapper'&gt;&lt;/div&gt;</code></p>

<p>I tried doing something like this:</p>

<pre><code>$(document).on('click', 'wrapper', ()=&gt;{
  var element = $(this); //not sure how to do this 
});
</code></pre>

<p>How can I get a reference to the clicked element so I can used it for things like <code>$(element).siblings()</code> and <code>next()</code>, etc.</p>

<p>The method that I tried to use, selects all the elements with that class, i want to get only the element clicked on, Is there a way I can do that ?</p>
