载入结果页面时，清除在搜索栏中显示的查询字词

Question

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

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

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

有一些与网站搜索相关的现有脚本，但是我想使用一个单独的解决方案，最好是与jQuery一起使用，以清除搜索字段。 这样，用户在执行新搜索时不必手动清除文本。 有任何想法吗？

Answer 1

这是一个工作的小提琴：
http://jsfiddle.net/acturbo/S3tqZ/

的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>

jQuery的：

$().ready(function() {

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