title: jQuery firing twice, event bubbling?
body: <p>I have looked at all of the issues people are having with event bubbling and jQuery firing twice, but I can't figure out this issue.  I am only clicking in one DIV at a time, but the click handler is firing twice.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="scroll-content-item" data-pid="1773"&gt;
      &lt;img src="somefile" class="mixdock-img" data-pid="1773"/&gt;
  &lt;/div&gt; 
  &lt;div class="scroll-content-item" data-pid="1777"&gt;
      &lt;img src="someotherfile" class="mixdock-img" data-pid="1777"/&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>jQuery...</p>
  
  <pre><code>jQuery(document).ready(function($) {
  
  var count = 0;
  
  // On click, hide the currently displayed post and show the one clicked
  $('.scroll-content-item').click(function () {
      count += 1;
      alert("count = "+count);
      event.stopPropagation();
  });
  
  });
  </code></pre>
  
  <p>What this does is show two alerts per click, each with the same count.  Count does increment on each click.</p>