title: Jquery click event triggers twice when clicked on html label
body: <p>I have an div container which contains html checkbox and its label.
  Using jquery i wanted to trigger an click event when someone clicks on label in this container.</p>
  
  <p>I see that jquery click event triggers twice when i click on label!</p>
  
  <p>For testing purpose i triggered click event on checkbox instead of label
  and here checkbox click event triggers only once as it should be.</p>
  
  <p>Here is the fiddle.
  <a href="http://jsfiddle.net/AnNvJ/2/">http://jsfiddle.net/AnNvJ/2/</a></p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;div id="test"&gt;
              &lt;label&gt;
                  &lt;input type="checkbox" id="1" /&gt;demo1&lt;/label&gt;
              &lt;label&gt;
                  &lt;input type="checkbox" id="2" /&gt;demo2&lt;/label&gt;
              &lt;label&gt;
                  &lt;input type="checkbox" id="3" /&gt;demo3&lt;/label&gt;
          &lt;/div&gt;
      &lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>JQUERY</p>
  
  <pre><code>$(document).ready(function () {
  
      $('#test label').live('click', function (event) {
          alert('clicked');
      });
  
  
      $('#test checkbox').live('click', function (event) {
          alert('clicked');
      });
  
  });
  </code></pre>