JQuery click()事件：第一次点击无反应


    <div class="label">Style Switcher</div>
    <div class="button" id="switcher-large">Increase Text Size</div>
    <div class="button" id="switcher-small">Decrease Text size</div>
    <script type="text/javascript">
        var counter = 1;
        $('div.label').click(function() {
            var $button = $('div.button');
            if (counter % 2 == 0) {
                $button.fadeOut('slow');
            } else {
                $button.fadeIn('slow');
            }
            counter++;
        });
    </script>现在的问题是，页面加载后第一次点击无反应，再点击一下之后正常。
请教高手，这是为什么呢？另外，了解一点事件冒泡机制，但不是很懂。这个问题和事件冒泡有关么？感觉没有。
谁能简单明了的讲解一下事件冒泡机制就更好了！呵呵