Jquery ajax problem

Hej jeg er i forbindelse med en skoleopgave kastet mig ud i noget jquery og nu står jeg med et problem... på min side www.marc.wi13.ots.dk har jeg lavet en jquery function der udskriver nogen kommentarer fra min database laver en div og smider dem ind i den, men når jeg så klikker igen kommer de ud 2gange og når jeg klikker en gang mere kommer de ud 3 gange etc etc. hvordan fikser jeg det ? :)

min kode er :
<script type="text/javascript">
$('#commentoutput').hide();
$('.commentview').click(function(){
var b_id = $(this).attr('id');
$('#commentoutput').toggle('slow');
$.ajax({
url        :    'code_commentview.php',
type    :    'POST',
data    :    ({id : b_id}),
dataType: "json",
success :    function(data){
                               
$(data).each(function(index,elm){                                  $design = "<div class='designforfatter'>"+elm.forfatter+"/div><div class='designcomment'>"+elm.comment+"</div>";
                                    $("#commentoutput").append($design);
                                   

});
},
error  : function() {
alert('Jquery Error');
}
})
})   
</script>

code_commentview:
<?php
include_once '../includes/dbconnect.php';

$id = $_POST['id'];


$sql = "SELECT
                *
            FROM
                bixen_comment

            WHERE
                b_id = $id
            AND
                approve = 'yes'";

$query = mysql_query($sql) or die(mysql_error());
while($row = mysql_fetch_assoc($query)){

$array[]=$row;

};
echo json_encode($array);

?>