Preencher input com dados vindos do Ajax

Olá amigos, venho pedir uma ajuda a vcs, tenho o seguinte problema, estou trazendo os dados de um cliente específico do php  via ajax para carregar automaticamente os inputs, porém n consigo que sejam preenchidos os inputs, se puderem me ajudar agradeco, obrigado, segue o source:

Tenho essa tag a href que chama a funcao javascript enviando o id do cliente a ser buscado

 <a href="#EditarCliente" role="button" data-toggle="modal" onclick="busca('<?php echo $id ?>')">
 <i class="font-icon font-icon-pencil color-orange"></i>
 </a>

Esta é a funcao Javascript que busca o Array php

 function busca(id){
 var id=id
 $.post('../models/ClienteBusca.php',
 { id: id },
 function(data) {
 $('input[name="nome"]').val(data);//Tentei assim n deu, assim retorna o array completo dento do input nome!
 $('#nome').val(data.nome);//Tentei assim n deu, n aparece nada!

 //Já se eu der um alert(data) retorna o array vindo do php com esse formato:
 //[{"id":"67","id_usuario":"1","nome":"Iramir Souza Santa","email":"iramir@msn.com","cpf":"888.176.268-88",
 //"rg":"826633777","celular":"(55) 98263-6636","dt_nascimento":"2017-11-02","profissao":"Motorista",
 //"data_cadastro":"2017-11-02"}]

 });

 }

Os inputs no html estao assim:
<input type="text" id="nome" name="nome" value="">