title: hide() radio button *and* its text label in jquery
body: <p>I am going back over a recent project sorting out accessibility issues and was making sure all form elements had labels. Putting the label text into a  tag caused a problem with some kludgy code I had written before. </p>
  
  <p>Basically, if you have a radio button and its label:</p>
  
  <pre><code>&lt;label for="zone_r1"&gt;&lt;input type="radio" name="zone" id="zone_r1" value="NY" /&gt;New York&lt;/label&gt;
  </code></pre>
  
  <p>And you use jquery to hide it like so:</p>
  
  <pre><code>$('#zone_r1').hide();
  </code></pre>
  
  <p>The actual button is hidden but not the label text. Originally I made a span for the label text and hid that like so:</p>
  
  <pre><code>&lt;input id="NY" type="radio" name="zone" value="NY" /&gt;&lt;span id="nyTXT"&gt;New York&lt;/span&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$('#NY').hide();
  $('#nyTXT').hide();
  </code></pre>
  
  <p>Any ideas? I prefer not to use the kludge and it may not validate with the span in the label, but maybe I am being overly zealous.</p>