title: Simple click on labels makes double click
body: <p>I have a label and some functions running while clicking on it.</p>
  
  <p>But when a click event is made, a double click event is done, then my functions run 2 times...</p>
  
  <p>You can see a light example <a href="http://jsfiddle.net/vgWGT/2/" rel="noreferrer">here</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;label&gt;
  &lt;input type="checkbox" id="checkbox"&gt; Click here
  &lt;/label&gt;
  &lt;input type="text" id="test" value="0"/&gt; clicks​​​
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$(document).ready(function(){
      $('label').click(function(event) {
           $('#test').val(parseInt($('#test').val())+1);
           event.preventdefault();
      });
  });​
  </code></pre>
  
  <ul>
  <li>When we click on the checkbox, the clicks counter is +1 >> Ok</li>
  <li>When we click on the label, the clicks counter is +2 >> Nok</li>
  </ul>
  
  <p>How to solve this problem ?</p>
  
  <p><strong>Edit</strong></p>
  
  <p><code>preventdefault()</code> to <code>preventDefault()</code> fixed the double click, but now checkbox is not checked anymore...</p>