chromeでoptionのclickをbindしても反応しない

２つのリストを連動させたくて、一方のリストのoptionのclickをbindしていた。
firefoxだと問題なく動いたが、chromeだと動かず。

json.forEach(function(e) {
  jQuery('#リスト1のID').append(
      jQuery('<option />')
        .html(e.name)
        .val(e.id)
        .click(function() {
          jQuery('#リスト2のID').val(e.id2);
        })
    );
});

idをキーに連携させるのならval()でできるが、id2をキーにしたかったのでそのままでは動かない。
そのため、新たに属性をセットして、selectのclickをbindして解決。

json.forEach(function(e) {
 jQuery('#リスト1のID').append(
   jQuery('<option />')
    .html(e.name)
    .val(e.id)
    .attr('id2', e.id2)
  );
});
jQuery('#リスト1のID').click(function() {
 jQuery('#リスト2のID').val(jQuery('#リスト1のID option:selected').attr('id2'));
});