title: [jQuery]Page refreshes after appending html with .html()
body: <p>So I'm trying to get some data from the server with php but as soon as it's loaded onto the page it seems to reload the page and make it disappear again. 
  My html:</p>
  
  <pre><code>&lt;form id="searchForm"&gt;
  &lt;input name="searchValue" type="text" id="search"&gt;
  &lt;input type="submit" name="Submit" value="Zoek op klant"          onclick="getKlanten()"&gt;
  &lt;/form&gt;
  
  &lt;div id="klanten"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My js:</p>
  
  <pre><code>function getKlanten(){
  var value = $("#search").val();
  $.ajax({
      url:'includes/getKlanten.php',
      async: false,
      type: 'POST',
      data: {'searchValue':value},
      success: function(data, textStatus, jqXHR)
      {
          $('#klanten').html(data);
      },
      error: function () {
          $('#klanten').html('Bummer: there was an error!');
      }
  });
  }
  </code></pre>
  
  <p>Can anyone help? It gets put into the div but then instantly disappears again.</p>