title: jquery binding click for label firing twice
body: <p>When i added one select into label and binding for click event, jquery fires twice.</p>
  
  <p><a href="http://jsfiddle.net/d8Ax7/">http://jsfiddle.net/d8Ax7/</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;label class="lol"&gt;
      &lt;div&gt;
          bla
      &lt;/div&gt;
      &lt;div style="display:none;"&gt;
          &lt;select&gt;&lt;/select&gt;
      &lt;/div&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>$("label.lol").on({
      click : function ()
      {
          alert(1);
      }
  })
  </code></pre>
  
  <p>How can i fix this bug without adding "for" attribute to labels?</p>