JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
    <script>
      function handler(ev) {
        ev = ev || event;
        var target = ev.target || ev.srcElement || null;
        show("handling event: type " + (ev ? ev.type : 'unknown') + ' target: ' + (target ? (target.id || target.name || target.tagName) : 'unknown'));
      }
      $(function() {
        $('#asdf').live('change', function() {
          show("the other change handler");
        });
      });
    </script>
    <style>
      #box { width: 500px; height: 400px; overflow: auto; border: 1px solid #aaa; }
    </style>
  </head>
  <body>

    <select id='the_select' onchange='handler(arguments[0])'>
      <option value=''>empty</option>
      <option value='a'>Hello</option>
      <option value='b'>Banana</option>
      <option value='c'>Chicago</option>
      <option value='d'>Wednesday</option>

    </select>
    <div id='box'></div>
    <script>
      var show = (function() {
        var txt = [], box = document.getElementById('box');
        return function(msg) {
          txt.push(new Date().getTime() + " " + msg);
          box.innerHTML = txt.join('<br>');
        };
      })();
    </script>
  </body>
</html>