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

Question

在搜索結果頁面上，我有： 1）在網站頁眉 2）另一個搜索欄，具體到頁面的全局搜索欄，這部分自定義圖片搜索。

問題： 當我執行使用＃2的結果頁面加載搜索，並且，兩個搜索輸入字段填入我的搜索詞。

所需的功能： 一）這兩個領域應該被清除時，結果頁面加載 或者，至少是： 二）＃2搜索項不應該在＃1搜索字段填充爲以及

有一些現有的腳本綁定到網站搜索，但我想使用一個單獨的解決方案，理想情況下與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(""); 
    }); 
});