mui input type=search 如何动态刷新？

写了一个搜索框

<div class="mui-input-row mui-search">  
    <input id="searcher" type="search" name="q" autocomplete="off" class="mui-input-clear" placeholder="检索法律文库">  
</div>

想在js中对搜索框修改value和placeholder，

var searcher = document.getElementById("searcher");  
searcher.value = 'xx;  
searcher.placeholder = '检索《用电安全守则》';

但是修改后显示不正确，如下图

请问，如何才能让搜索框动态刷新一下？