次のようなプレイアプリケーションで、jquery を使用して dom-tree から div を削除しようとしています。
<form class="form-search">
<input type="text" class="input-medium search-query" placeholder="@Messages.get("frontend.wiki.search.placeholder")">
<button type="submit" class="btn btn-primary" id="searchButton" onclick="search()">@Messages.get("frontend.wiki.search")</button>
</form>
@* most read articles *@
<div class="row" id="mostread">
@components.wikitable(Messages.get("frontend.wiki.mostread"), WikiArticle.findAllMostReadArticles(5))
</div>
.....
<script type="text/javascript">
var search = function() {
$('#mostread').empty();
}
</script>
ボタンをクリックすると、ページの「最読」部分が 1 秒間消えますが、その後はすべて元に戻ります。何故ですか?ブートストラップも使用します。