載入結果頁面時，清除在搜索欄中顯示的查詢字詞

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("");
    });
});