title: How to prevent a link inside a label from triggering a checkbox?
body: <p>I have this label:</p>
  
  <pre><code>&lt;label&gt;&lt;input type="checkbox"&gt; I agree to the &lt;a href="terms"&gt;terms&lt;/a&gt; and would like to continue&lt;/label&gt;
  </code></pre>
  
  <p>However, the link inside the label opens a foundation 5 reveal modal. This works fine, but clicking on the link also checks the checkbox.</p>
  
  <p>How can I prevent the checkbox from being checked when the link is clicked?</p>