I have a form that's in several sections. As the user fills out the form, I want to mark each section completed as they finish it.

To be completed, all required fields must pass a client-side validation.

Fields that don't require validation have the class "ignore".

Fields that have passed validation have the class "success" added by the validation code.

So I want to check a given form section for any form elements that don't have either "ignore" or "success" as a class. If there are any such elements, the section is not complete.

Here's my code:

```
$('.form-section input, .form-section select, .form-section textarea').blur(function() {

    //get containing form section
    formSection = $(this).closest('.form-section');
    //Check for any inputs, selects and textareas that don't have "ignore" or "success"  as a class
    sectionCheck = $(formSection).find('input,select,textarea').not('.ignore','.success').length;
    if(sectionCheck > 0) {alert('not done yet');}
    else{alert('section complete');}    
});

```

It works on static HTML. But in live code it doesn't see the "success" class because that class is added dynamically.

I think I need to somehow use the on() method, but am not sure how, since the problem isn't the blur() event.

Thanks for your help!