title: Why events are not fired from dojo widget elements?
body: <p>I having the difficulty of dojo widgets not firing the events.</p>
  
  <p>I have tried with <code>dojo.query</code> to bind events to certain elements, but it doesn't fire events.
  So I tried with <code>dijit.registry</code>. But it too doesn't fire events on clicking the element.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="buttons"&gt;
       &lt;input id="radio1" type="radio" data-dojo-type="dijit/form/RadioButton" name="radiobtn" /&gt; &lt;label for="radio1"&gt;one&lt;/label&gt;
       &lt;input id="radio2" type="radio"  data-dojo-type="dijit/form/RadioButton" name="radiobtn" /&gt; &lt;label for="radio2"&gt;Two&lt;/label&gt;
       &lt;input id="radio3" type="radio" data-dojo-type="dijit/form/RadioButton" name="radiobtn" /&gt; &lt;label for="radio3"&gt;Three&lt;/label&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>require(["dojo/parser", "dojo/query", "dijit/registry", "dijit/form/RadioButton", "dojo/domReady!"], function(parser, query, registry) {
      parser.parse();
  
      on(query('.buttons input'), 'click', function() {
          alert('Clicked');           
       });   
  
      on(registry.byId('radio1'), 'click', function() {
          alert('Clicked Radio1');    
      });   
  });
  </code></pre>
  
  <p>Here is <a href="http://jsfiddle.net/3NG4f/1/" rel="nofollow">Demo</a> of this issue.</p>
  
  <p>How to trigger events with <code>dojo.query</code> to dojo widget element?</p>