title: Remove Dom Element with jQuery
body: <p>I try to remove a div out of the dom-tree with jquery in a play application like this:</p>
  
  <pre><code>&lt;form class="form-search"&gt;
      &lt;input type="text" class="input-medium search-query" placeholder="@Messages.get("frontend.wiki.search.placeholder")"&gt;
      &lt;button type="submit" class="btn btn-primary" id="searchButton" onclick="search()"&gt;@Messages.get("frontend.wiki.search")&lt;/button&gt;
  &lt;/form&gt;
  
  @* most read articles *@
  &lt;div class="row" id="mostread"&gt;
      @components.wikitable(Messages.get("frontend.wiki.mostread"), WikiArticle.findAllMostReadArticles(5))
  &lt;/div&gt;
  
  .....
  
  &lt;script type="text/javascript"&gt;
      var search = function() {
          $('#mostread').empty();
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>The "mostread" part on the page disappears for one second when I click the button but everything is back as it was afterwards. Why is that? Using bootstrap too. </p>