title: Click event not fired when change event fired simultaneously
body: <p>I have a problem which I don't know is related to the meteor implementation of events or to Javascript events in general.</p>
  
  <p>I have a textbox attached to a "change" event.
  Next to it, I have a button attached to a "click" event.</p>
  
  <p>When I do a change in the textbox and click the button, the click event does not fire (only the change event does). So I have to click the button two times for the click event to fire.</p>
  
  <p>In Firefox, it works if I attach a <code>mousedown</code> event instead of the click event to the button. In Chrome it doesn't work either ways.</p>
  
  <p>Minimal code reproducing the problem:</p>
  
  <p>JAVASCRIPT: testevent.js</p>
  
  <pre><code>if (Meteor.isClient) {
    Session.set("something", "something");
  
    Template.hello.foo = function() {
      return Session.get("foo");
    };
  
    Template.hello.something = function() {
      return Session.get("something");
    }
    Template.hello.events({
      'click .buttonid' : function () {
        console.log("click !");
      },
      'change  .textid' : function (e,t) {
        console.log("change !");
        var bar = e.target.value;
        Session.set("foo",bar);
      }
    });
  }
  
  if (Meteor.isServer) {
    Meteor.startup(function () {
      // code to run on server at startup
    });
  }
  </code></pre>
  
  <p>HTML: testevent.html</p>
  
  <pre><code>&lt;head&gt;
    &lt;title&gt;testevent&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    {{&gt; hello}}
  &lt;/body&gt;
  
  &lt;template name="hello"&gt;
    &lt;input type="text" class="textid" value="{{foo}}"/&gt;
    &lt;input type="button" class="buttonid" value="{{something}}" /&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>When I replace class with id the click event fire, but when I have multiple fields with the same id the events work only on one field. </p>