javascript - OnChange イベントが正しくフックされていないようです

Question

おそらく本当に愚かなことですが、$('[id$=_product_id]') に一致する 2 つの要素があるとします。変更イベントが適切に一致しないのはなぜですか?

var numberPattern = /\d+/g;

$('[id$=_product_id]').each(function(idx, elem) {
recordId = elem.id.match(numberPattern)
productId = elem.value;         
console.log(recordId);

    $("#client_order_order_lines_attributes_" + recordId + "_product_id").on("change", function(e) {      
      console.log(recordId);
    })
});

これを示すフィドルを作成しましたhttp://jsfiddle.net/hLYpE/1/

私は何が欠けていますか？