Hele pagina wordt gefreshed in plaats van enkel div

[jorenvos]

Goeiemiddag iedereen, ik zit met een klein probleepje.
Momentele heb ik dit stuk code;

$(document).ready(function(){
	$(".poll-submit").click(function(){
		var id = $(this).attr("id");
	    var results_html = "Test";
 		$(".poll-"+id+":checked").each(function() {
			  $.getJSON("./include/vote.php?id="+$(this).val());
		});
		
 		$("#poll-container-"+id).fadeOut("slow",function(){
			$(this).empty();
			$("#poll-container-"+id).append(results_html).fadeIn("slow",function(){});
		});
	});
});

Als ik op de knop voor de poll te submitten klik, refresht die eerst de div van #poll-container (daar komt "Test" in de plaats), maar nadien wordt de hele pagina gerefreshed, iets wat ik niet wil. Iemand enig idee hoe dit komt?

 

[Tha Devil]

Dat komt omdat de standaard actie van een submit-knop het formulier verzenden is naar de action="".

Dit kun je afvangen door e.preventDefault(); te gebruiken: http://api.jquery.com/event.preventDefault/
[js]
$(document).ready(function(){
$(".poll-submit").click(function(e){
e.preventDefault();
var id = $(this).attr("id");
var results_html = "Test";
$(".poll-"+id+":checked").each(function() {
$.getJSON("./include/vote.php?id="+$(this).val());
});

$("#poll-container-"+id).fadeOut("slow",function(){
$(this).empty();
$("#poll-container-"+id).append(results_html).fadeIn("slow",function(){});
});
});
});
[/js]

 

[jorenvos]

Bedankt, u bent mijn held van de dag 't zijn m'n eerste regeltjes code met jQuery, dus het is nog wat uitzoeken. Bedankt! Zal ook eens de API even doornemen!