jQuery firing twice, event bubbling?
<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>
