title: How can I get a reference to an element that has a common class on click?
body: <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>