Javascript Jquery将输入字段复制到div之外的另一个输入

我一直在调试一些jquery。我有一个搜索字段，当我在页面顶部的输入字段中输入文本时，我希望第一个输入的值直接复制到#search#u visibleTest输入。当我把这两个输入放在一起时，代码可以完美地工作

我的问题： 当我在自己的div中输入第一个搜索输入中的文本时，第二个字段id正确的输入不起作用或无法填充。任何关于我做错了什么的见解。如果你需要更多信息，请告诉我

<div class="head">
    <input class="form-input" id="search_visible" name="search_visible" placeholder="Search" autocomplete="off">
</div>

<div class="body">
    <form>
        <input class="form-input" id="search_visibleTest" name="search_visible" placeholder="Search" autocomplete="off">
    </form>
</div>

<script>
  $("#search_visible").keyup(function(){
      $("#search_visibleTest").val(this.value);
  });
</script>

$（“#搜索_可见”）.keyup（函数（）{
$（“#search_visibleTest”）.val（此.value）；
});

该脚本仅适用于以下代码。我不确定是什么问题。我没有收到任何控制台错误

<div class="head">
    <input class="form-input" id="search_visible" name="search_visible" placeholder="Search" autocomplete="off">
    <input class="form-input" id="search_visibleTest" name="search_visible" placeholder="Search" autocomplete="off">
</div>

---

您可以使用类似的方法。这将使用数据镜像属性将输入上的任何更改镜像到使用数据镜像的任何其他输入。然后你可以随意捆绑

$（“[数据镜像]”）。在（'change keyup paste'，function（）上{
$（“[数据镜像]”）.val（此.value）；
});