Как отключить и включить кнопку отправки на основе входных значений

Мне нужно включить следующую кнопку, когда значения вставляются в текстовую область, а текстовая область не пуста. Это мой код:

 <div class = "preview_field content-post-1stpage-next">
      <label class = "col-md-5 mt-5" for = "content">tags</label><br>
      <p class = "text-muted"><small class = "text-muted"><textarea disabled = "yes" id = "preview_tags placeholder = "tags...!"></textarea></small></p>
</div>


<div class = "post-1stpage-next text-center">
     <button name = "wizard_goto_step" type = "submit" value = "{{ wizard.steps.prev }}">{% trans "prev step" %}</button>
     <input type = "submit" value = "{% trans 'next' %}" disabled = "disabled"/>
</div>

и это код jquery, который я использовал, он даже не входит в его оператор if:

$(document).ready(function() {
  $('#preview_field > label > small > textarea').on('keyup', function() {
    let empty = false;

    $('#preview_tags > textarea').each(function() {
      empty = $(this).val().length == 0;

    });
    if (empty)
      $('.post-1stpage-next input').attr('disabled', 'disabled');
       
    else
      $('.post-1stpage-next input').attr('disabled', false);
  });
});