title: JQuery: Binding a click event to a non-clickable HTML element
body: <p>I have multiple div elements with the same class. I'm trying to bind an individual click event to each.</p>
  
  <pre><code>&lt;div class="tile"&gt;Tile1&lt;/div&gt;
  &lt;div class="tile"&gt;Tile2&lt;/div&gt;
  &lt;div class="tile"&gt;Tile3&lt;/div&gt;
  ...
  
  $(".tile").click(this.handleClick);
  
  var handleClick = function () {
    console.log("inside handle click");
  };
  </code></pre>
  
  <p>Currently, the click event doesn't fire and nothing happens. If I bind the click event to the window instead of ".tile" like below, the click event fires perfectly well.</p>
  
  <pre><code>$(window).click(this.handleClick);
  </code></pre>
  
  <p>Any idea why what my issue is?</p>