title: JQuery selector on click event
body: <p>I want to trigger something when I click on a certain class within a div.</p>
  
  <p>I tried this</p>
  
  <pre><code>$("div .event").click(function() {
      alert($( this ).text());
  }); 
  </code></pre>
  
  <p>And</p>
  
  <pre><code>$("div").on("click", $('.event'), function() {
      alert($( this ).text());        
  }); 
  
  //Or 
  $(".SimpleCalendar .event").click(function() {
      alert($( this ).text());
  }); 
  //I do not even know what this is supposed to do ...
  $(".SimpleCalendar tbody tr td div .event").click(function() {
      alert($( this ).text());
  }); 
  </code></pre>
  
  <p>And many more but still can not figure out why this is not working</p>
  
  <p>My HTML is the following : 
  <a href="https://i.stack.imgur.com/egztu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/egztu.png" alt="enter image description here"></a></p>