title: Make radio buttons mutually exclusive when not contained in the same form element?
body: <p>I'm making a calendar where each day has a radio button that allows you to select it. I want users to only be able to select one day. The issue I'm having is I've made the calendar as a table so each <code>&lt;td&gt;</code> has the following:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;td&gt;
    &lt;form&gt;
      Mon 18
      &lt;input type="radio" name="day" value="mon18" /&gt;
    &lt;/form&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>So as all the radio buttons aren't contained in one form element, the normal behaviour that makes the selection mutually exclusive isn't occurring. If I create 1 form element around all my mark up then the table will be contained in it, would this be semantically correct? </p>
  
  <p>Is there a semantically correct solution to my problem? I guess I could do it with javascript and server side validation.</p>