title: Determining when a radio button selection has changed with YUI3
body: <p>I am using <code>YUI3</code> and Internet Explorer 8 and Firefox.  I am trying to determine when a radio button has changed selection.</p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;div id="test"&gt;
       &lt;input name="test1" value="a" type="radio"&gt;
       &lt;input name="test1" value="b" type="radio"&gt;
       &lt;input name="test1" value="c" type="radio"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My JavaScript:</p>
  
  <pre><code>YUI().use('event', 'node', function (Y) {
       Y.one('input[name=test1]').on('change', function (e) {
            alert('changed');
       });
  });
  </code></pre>
  
  <p>This doesn't work because the page loads nothing is selected in the radio button group.  When I select the first item nothing happens, no alert pops up.  When I click the second button then it pops up.  How do I determine when a radio button selection has changed?</p>
  
  <p>Also how do I get the value of the selected radio button, I think there are IE issues?  This bombs out:</p>
  
  <pre><code>var value = Y.one('input[name=test1]:checked').get('value');
  alert(value);
  </code></pre>
  
  <p>And this bring back nothing:</p>
  
  <pre><code>var value = Y.all('input[name=test1]:checked').get('value');
  alert(value);
  </code></pre>