title: dynamically added radio buttons onclick event not working?
body: <p>I am trying following, 
  1. Get response using Ajax from the users selection which returns me the list of the radio buttons attributes as 
  2. Once i get the attribute list i am creating the radio buttons using createElement() 
  3. Then i am attaching the event to the radio button for onclick buttons. 
  4. Then i add element to the DOM using appedChild</p>
  
  <p>The below is code for adding radio button (for IE)</p>
  
  <pre><code>var radio = '&lt;input ';
  radio += 'type ="radio" ';
  radio += 'id="' + id + '" ';
  radio += 'value="" ';
  radio += '/&gt;';
  radioButton = document.createElement(radio);
  radioButton.onClick = function(){alert('this is test')}
  ele.appendChild(radioButton);
  ele.innerHTML += 'none' + '&lt;br/&gt;';
  </code></pre>
  
  <p>Now in all this when i am adding the radio button to the DOM onclick is not working and i don't understand why ?</p>
  
  <p>Thanks all </p>