Refresh DIV atraves de um click

Nao estou conseguindo achar uma solucao para este caso. Estou tentando atualizar uma DIV que ja tem conteudo, mas quando clico num botao, e cadastrando mais um numero no BD.

E abaixo desse botao tenho um div que possue a quantidade atual, porem qdo clico no botao gostaria q atualizasse a DIV sem a necessidade de atualizar a pagina inteira,... sendo q atualize a DIV, mostrando os novos valores.

Tentei fazer dessa maneira:

<script language="javascript" type="text/javascript">
$(document).ready(function(){

//quando clicar no botão será atualizada a div $("#botao").click(function(){ //aqui a div sera atualizada

$("#total").location.reload();
});
});
</script>

<img src="imagens/botao.png" border="0" name="novo-valor.php?id=<?=$obj->id;?>" id="botao" style="cursor: pointer" />

<div id="total">
Valor: R$ <?=$obj->valor;?>
</div>

Entao, pra resumir, a ideia e qdo clicar no botao, ser atualizado a DIV.