Я проверяю для каждого обязательного поля в форме. Я попробовал это, но это работает только для первого ввода. Как я могу заставить его работать для каждого входа?

if($('[required]').val() != ''){ 
        $('.button1').fadeIn(0);
        $('.button2').fadeOut(0);
}else{
    $('.button1').fadeOut(0);
    $('.button2').fadeIn(0);
}

РЕДАКТИРОВАТЬ: для большего контекста, вот еще одна функция, которую я использовал ниже, чтобы применять всякий раз, когда они меняются, и HTML-код.

$('[required]').change(function() {
if($('[required]').val() != ''){ 
        $('.button1').fadeIn(0);
        $('.button2').fadeOut(0);
    }else{
    $('.button1').fadeOut(0);
    $('.button2').fadeIn(0);
}
});

HTML

У меня есть куча входов, как эти:

<input type="text" id="title" name="title" value="" required>
<input type="text" id="size" name="size" value="" required>
<input type="text" id="length" name="length" value="" required>

кнопки:

<a class="button1" style="display:none" >button 1</a>
<a class="button2">button 2</a>

Поэтому я хочу проверить наличие пустых полей, когда страница загружается и когда они меняются.

Кстати, у меня нет формы тега вокруг них, потому что это для мобильных устройств и не думаю, что это действительно необходимо, если это имеет какое-то значение.

Еще раз спасибо!