Изменить цвет границы пустых входов внутри DIV

Question

У меня есть код ниже, который меняет границы красного цвета на входы, когда отсутствует значение;Проблема в том, что он меняет ВСЕ границы ввода на красный, даже если отсутствует только один вход.

$('#button_one').click(function(){
  var result = $(".className input[required]").filter(function(){
    return $.trim($(this).val()).length == 0
  }).length == 0;

  if (result) {
    // Loads the next section of the form...
  } else {
    $("className input[required]").css('border', 'solid 1px red');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class='className'>
  <label>Full Name <input type="text" required/></label>
  <label>Date of Birth <input type="date" required/></label>
</div>

Я знаю, что есть и другие способы сделать это.Однако эти разделы HTML добавляются динамически с помощью другой кнопки.Так что я никогда не узнаю, сколько разделов ввода DIV.