title: click or change event on radio using jquery
body: <p>I have some radios in my page,and I want to do something when the checked radio changes,however the code does not work in IE:</p>
  
  <pre><code>$('input:radio').change(...);
  </code></pre>
  
  <p>And after googling,people suggest use the <strong>click</strong> instead. But it does not work.</p>
  
  <p>This is the example code:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $('document').ready(
                  function(){
                      $('input:radio').click(
                          function(){
                              alert('changed');   
                          }
                      );  
                  }
              );
  
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;input type="radio" name="testGroup" id="test1" /&gt;test1&lt;br/&gt;
          &lt;input type="radio" name="testGroup" id="test2" /&gt;test2&lt;br/&gt;
          &lt;input type="radio" name="testGroup" id="test3" /&gt;test3&lt;/br&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It also does not work in IE.</p>
  
  <p>So I want to know what is going on?</p>
  
  <p>Also I am afraid if it will retrigger the change event if I click a checked radio?</p>
  
  <p>UPDATE:</p>
  
  <p>I can not add comment,so I reply here.</p>
  
  <p>I use IE8 and the link Furqan  give me also does not work in IE8. I do not know why...</p>