Montrant ajax résultat de l'appel en modal bootstrap

J'ai besoin d'afficher plusieurs données dans une modal Bootstrap. Pour que ce que j'ai fait ceci:

fichier js:

$('#seeProfile').on('show', function() {

  $('.see-user').on('click', function(e) {
  e.preventDefault();

  var id = $(this).data('id');

  $.ajax({
     url:  'getUser',
     type: 'POST',
     data: {id: id},
     success: function(html){
       $('#seeProfile .modal-body .p').html('test');
     },
     error: function(){
       alert("error");
     }  
  });  
});
});      

vue extrait de (modal):

<div id="seeProfile" class="modal hide fade" tabindex="-1" data-replace="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h3>Perfil de Usuario</h3>
</div>

<div class="modal-body">
    <p></p>
</div>
<div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn">Close</button>
</div>

Ce n'est pas de travail. Modal ne s'affiche pas, mais lors de l'inspection de ce pas d'erreurs apparaissent. Ce que je fais mal?

MODIFIER

Donné les réponses que j'ai réalisé que j'ai raté un point, de sorte que le succès de la fonction comme:

$('#seeProfile .modal-body p').html("test");

Maintenant Que le modal est de travail que j'ai besoin de savoir comment faire pour insérer des données dans cette nouvelle organisation modale:

<div id="seeProfile" class="modal hide fade" tabindex="-1" data-replace="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h3>Perfil de Usuario</h3>
</div>
<div class="modal-body">
    <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible="1">
        <div class="row-fluid">
            <div class="span6">
                <h5>Usuario</h5>
                <p><input type="text" class="span12 m-wrap" id="username" readonly></p>
                <h5>Nombre</h5>
                <p><input type="text" id="name" class="span12 m-wrap" value="" readonly></p>
            </div>
            <div class="span6">
                <h5>Email</h5>
                <p><input type="text" class="span12 m-wrap" readonly></p>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn">Close</button>
</div>

comme vous pouvez le voir il ya beaucoup de "< p >" balises à l'intérieur modal-body. J'ai essayé d'insérer un id de sorte qu'il peut être distincts, mais il ne fonctionne pas pour moi. Comment puis-je faire cela?

OriginalL'auteur Limon | 2014-06-18