title: event.stopPropagation() not working in chrome with jQuery 1.7
body: <p>For some reason clicking the document isn't working in Chrome (the closeQuickView is not being called).</p>
  
  <p>The elements are loaded via AJAX and so need to have .on() action (previously .live() which is now deprecated in <a href="http://blog.jquery.com/2011/11/03/jquery-1-7-released/" rel="nofollow noreferrer">jQuery 1.7</a>)</p>
  
  <p>Used the example given here: <a href="https://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element/153047#153047">How do I detect a click outside an element?</a> as a basis</p>
  
  <pre><code>$('html').on('click', '.poster:not(.active) .image-effect', function (event) {
  
          var obj = $(this).parent();
  
          // If there are no .close spans
          if (obj.find('.close').length === 0) {
  
              // Add the close element by javascript to remain semantic
              obj.find('.quick-view').append('&lt;span class="close"&gt;&amp;times;&lt;/span&gt;');
          }
  
          // Close any open Quick Views
          closeQuickView();
  
          // Add the active class (controls opacity)
          obj.addClass('active');
  
          // Fade in the Quick View
          obj.find('.quick-view').fadeIn(200, 'easeInOutQuint');
  
          event.preventDefault();
          event.stopPropagation();
  
      });
  
      $('html').on('click', '.active', function () {
          return false;
      });
  
      $('html').on('click', '.close', function () {
          closeQuickView();
      });
  
      $('html').on('click', '.quick-view', function (event) {
          event.stopPropagation();
      });
  
      // Close the QuickView with a button
      $('html').on('click', function () {
          closeQuickView();
      });
  
      function closeQuickView() {
          $('.poster').removeClass('active');
          $('.quick-view').fadeOut(200, 'easeInOutQuint');
      }
  </code></pre>
  
  <p>My markup is as follows:</p>
  
  <pre><code>&lt;figure class="grid_2 box poster"&gt;
      &lt;a class="image-effect" href="#"&gt;
          &lt;img class="colour" src="path/to/image" /&gt;
          &lt;img class="bw" src="path/to/image" /&gt;
      &lt;/a&gt;
      &lt;div class="quick-view"&gt;
  
          Content
  
      &lt;/div&gt;
  &lt;/figure&gt;
  </code></pre>