Embedded Link in a label for a checkbox input -- Link doesn't work
I want to embed a link in a label for a checkbox input, for instance
<li>
<input class="custom" tabindex="950" id="agree_pre_terms" type=checkbox name="agree_pre_terms" value="1">
<label for="agree_pre_terms">
I agree to the
<a href="#terms">
Terms and Conditions</a>
</label>
</li>
But, clicking the link simply Toggles the input state. Seems this would be a common & tidy way. However, clicking the Terms and Conditions text just toggles the Label.
Is there a workaround for this issue ?