Adicionar dados retornados pelo Jquery nos campos do formulario

Pessoal, boa tarde.

Estou tentando pegar os dados jquery nos campos de um form modal, mas apesar do objeto de respota do ajax conter os dados do array, quando vou passar para o modal, não mostra os dados retornados.

isto é o meu retorno quando clico no botao para editar os dados:

[{"chave":"102","data":"2015-07-03","dinheiro":"2716.00","moedas":"0.92","recibos":"790.00"}]

Este é o meu formulario onde devo povoar os inputs

<div class="modal fade" id="myModalHorizontal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only">Fechar</span>
</button>
<h4 class="modal-title" id="myModalLabel">Lançamentos de Caixa</h4>
</div>
<!-- Modal Body -->
<div class="modal-body">
<form role="form" id="formCaixa">
<div class="form-group">
<label for="inputChave">Código Lançamento do Caixa</label>
<input type="text" class="form-control" id="chaveCaixa" value=""/>
</div>
<div class="form-group">
<label for="inputData">Data do Caixa</label>
<input type="text" class="form-control" id="dataCaixa" value=""/>
</div>
<div class="form-group">
<label for="inputDinheiro">Valor em Esécie</label>
<input type="text" class="form-control" id="vrDinheiro"/>
</div>
<div class="form-group">
<label for="inputMoedas">Valor em Moedas</label>
<input type="text" class="form-control" id="vrMoedas"/>
</div>
<div class="form-group">
<label for="inputRecibos">Valor em Recibos</label>
<input type="text" class="form-control" id="vrRecibos"/>
</div>
</form>
</div>
<!-- Modal Footer -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="button" class="btn btn-primary">Aprovar</button>
</div>
</div>
</div>

este é o meu codigo ajax:

// Dashboard_1a

$("#btnEditaCaixa").on("click",function() {

selecaoCaixa($(this).closest('tr').attr('id'));

});

function selecaoCaixa(id_caixa){

//antes de abrir a janela, preciso carregar os dados do cliente e preencher os campos dentro do modal
pegarDadosCaixa(id_caixa);

$('#myModalHorizontal').modal('show');

}

function pegarDadosCaixa(id_caixa) {

$.ajax({
type:'post', //Definimos o método HTTP usado
dataType: 'json', //Definimos o tipo de retorno
url: '../Controls/selecionaCaixa.php',//Definindo o arquivo onde serão buscados os dados
data: {
'id_caixa' : id_caixa
},
success: function(data) {
$('#chaveCaixa').(data.chave);
$('#dataCaixa').val(data.data);
$('#vrDinheiro').val(data.vrDinheiro);
$('#vrMoedas').val(data.vrMoedas);
$('#vrRecibos').val(data.vrRecibos);
},
error: function() {
alert("Não achei.");
}
});


Fico no aguardo da ajuda dos membros.