Javascript 在结果页面加载时清除搜索栏中显示的查询词

在搜索结果页面上，我有： 1） 站点标题中的全局搜索栏 2） 另一个特定于页面的搜索栏，是自定义图像搜索的一部分

问题： 当我使用#2执行搜索并加载结果页面时，两个搜索输入字段都会填充我的搜索词

所需功能： a） 加载结果页面时，应清除这两个字段 或者，至少： b） #2搜索词也不应填充在#1搜索字段中

---

有一些现有的脚本绑定到站点搜索，但是我想使用一个单独的解决方案，最好是使用jQuery，来清除搜索字段。这样，用户在执行新搜索时不必手动清除文本。有什么想法吗？

这里有一把小提琴：

html:

<div id="search-bar">
    <form id="search-bar-form">
        <input id="search-bar-input"> value to find
        <a href="#" id="search-barbtn">Search</a>   
    </form>
</div>

<div id="search-bar-page">
    <form id="search-bar-page-form">
        <input id="search-bar-page-input"> value to find on page
        <a href="#" id="search-bar-page-btn">Search</a>
    </form>     
</div>

$（“#YourFieldID”）.val（”

）。。

$().ready(function() {

    $("#search-bar-page-btn").on("click", function(){
        $("#search-bar-input").val("");
        $("#search-bar-page-input").val("");
    });
});