title: Get clicked element using jQuery on event?
body: <p>I'm using the following code to detect when a dynamically generated button is clicked.</p>
  
  <pre><code>$(document).on("click",".appDetails", function () {
      alert("test");
  });
  </code></pre>
  
  <p>Normally, if you just did <code>$('.appDetails').click()</code> you could use <code>$(this)</code> to get the element that was clicked on.  How would I accomplish this with the above code?</p>
  
  <p>For instance:</p>
  
  <pre><code>$(document).on("click",".appDetails", function () {
      var clickedBtnID = ??????
      alert('you clicked on button #' + clickedBtnID);
  });
  </code></pre>