title: stop label from toggling the input checkbox
body: <p>I have the following html code. When clicking on the label it toggles the checkbox.</p>
  
  <pre><code>&lt;td&gt;&lt;label for="startClientFromWebEnabled"&gt;Client Launch From Web:&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="checkbox" id="startClientFromWebEnabled" name="startClientFromWebEnabled" data-bind="checked: StartClientFromWebEnabled, enable: IsEditable" onchange="startClientFromWebToggleRequiredAttribute()" /&gt;&lt;/td&gt;
  </code></pre>
  
  <p>How can I prevent this? If I remove the <code>for="startClientFromWebEnabled"</code>, It stops toggling but I need this because I have some logic that takes the id from the element that fires the event ...</p>