title: Detect click event in any nested element of an specific div
body: <p>I need to be able to detect any click that happens within a specific container referenced by class, if the user clicks on any of the nested elements I should be able to detect the click and update a flag</p>
  
  <pre><code>&lt;div class="container" &gt;
     &lt;div class="x1"&gt;
     &lt;div class="x2"&gt;
        &lt;div class=""&gt;
           &lt;span class=""&gt;
           &lt;ul class=""&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried using jquery but I prefer to do it using backbone.</p>
  
  <pre><code>//$(document).on('click','.container', function(e){
  //$('.container').delegate("div", "click", function(e) {
  </code></pre>
  
  <p>Not sure what event I need to use when the users are clicking in some of the nested elements within the div that have the container class. Basically, I need to update a flag in case of the user clicks outside of this div, but I don't want to have a large scope on the event handler that listens to the whole body.</p>