validation working on submit, not on changing element

validation working on submit, not on changing element

Hello my jquery gurus.  I have a piece of code (thanks to someone on this site  ) that I'm using to validate some cloned elements. The code is posted below.  
The code works in the submit function but if I put the code in in the .change selector statement of a select it only works on the original element.  It doesn't validate the cloned elements on change.  The submit always works.

Any help is much appreciated.

Thanks in advance,
Twitch

NOT WORKING:

  1. $(".product").change(function(){//update the error on change
  2.       var products = [];
  3.     $.each($('.product'), function() {
  4.         products.push($(this).val());
  5. if ($(this).val() == ''){
  6. $("#product_failed").css("display", "inline");
  7. }else{
  8. $("#product_failed").css("display", "none");
  9. }
  10.     });
  11. });



WORKING
  1. $('#choose_items').submit(function(){
  2.       var valid = true;
  3.      
  4.   var products = [];
  5.     $.each($('.product'), function() {
  6.         products.push($(this).val());
  7. if ($(this).val() == ''){
  8. $("#product_failed").css("display", "inline");
  9. valid = false;
  10. }else{
  11. $("#product_failed").css("display", "none");
  12. }
  13.     });
  14. });