如果没有输入则禁用 Wordpress 搜索按钮

Question

我想在字段为空时禁用 Wordpress 搜索字段上的提交按钮，即没有搜索到任何内容。

这个 jQuery 应该可以工作，但实际上没有。

改变后：

if ($(this).val() == '') {
     empty = true;
 }

到

empty = false;

它会在输入文本时删除属性，但不会在删除所有文本后重新添加属性。

有什么想法吗？

(function() {
  $('input').keyup(function() {
    var empty = false;
    $('form > input').each(function() {
      if ($(this).val() == '') {
        empty = true;
      }
    });

    if (empty) {
      $('#searchbutton').attr('disabled', 'disabled');
    } else {
      $('#searchbutton').removeAttr('disabled');
    }
  });
})();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form role="search" action="<?php echo site_url('/'); ?>" method="get" id="searchform" class="search-form">
  <input type="text" name="s" placeholder="Search tools" class="search-field" maxlength="256">
  <input id="searchbutton" type="submit" class="submit-button" value="Search" disabled="disabled">
</form>