title: HTML Input box is not triggering the events
body: <p>I have the following bit of Javascript:</p>
  <pre>
  function select(id, evt) { 
          var e = (typeof evt != 'undefined') ? evt : event;
          e.cancelBubble = true;
          alert('err');
          var $toggler = $("#building"+id);     
          
          if(!$toggler.is(':checked')){
              $toggler.attr('checked', true);
              $("#row"+id).removeClass("selectRow");
              $("#row"+id).addClass("selectRow");            
          } 
      }
  </pre>
  <p>I have the following <code>&lt;HTML&gt;</code> block</p>
  <pre><code>&lt;td&gt;
     &lt;select onchange=&quot;select(2, event);&quot; name=&quot;prefferedAgent396&quot; class=&quot;input-small&quot;&gt;
         &lt;option value=&quot;0&quot;&gt;Choose...&lt;/option&gt;
         &lt;option value=&quot;1&quot; selected=&quot;&quot;&gt; Senthil &lt;/option&gt;                                    
         &lt;option value=&quot;3&quot;&gt; Sunmeet &lt;/option&gt;                                    
         &lt;option value=&quot;4&quot;&gt; Doesnot Speak English &lt;/option&gt;                                    
         &lt;option value=&quot;5&quot;&gt; Marcus Fava &lt;/option&gt;                                    
     &lt;/select&gt; 
  &lt;/td&gt;
  &lt;td&gt;
     &lt;input type=&quot;text&quot; onchange=&quot;select(2, event);&quot; class=&quot;input-mini&quot; id=&quot;initial396&quot; name=&quot;initial396&quot; value=&quot;&quot;&gt;
  &lt;/td&gt;
  </code></pre>
  <p>Now the problem is the <code>onchange</code> event triggers the <code>select(2, event)</code> for the <code>select</code> control but not the <code>input</code> control. When i tried an <code>alert</code> box where I call <code>select()</code> it worked but its not simply calling the <code>select()</code>. I have tried <code>onKeyUp</code> but it gave a strange behavior of replacing the text as I type.  What am I doing wrong here?</p>