Wyświetlenie zawartości zmiennej PHP w konkretnym DIV, za pomocą AJAX w Bootstrap Modal

Witam
Mam Bootstrap modal który pojawia się po kliknięciu przycisku w menu, do którego dane są pobierane z bazy w oddzielnym pliku PHP i przesyłane przez AJAX do tego modal

<div class="modal fade" role="dialog" id="informacje-o-profilu-modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="panel panel-primary">
            <div class="panel-heading text-center">
                <strong>Informacje o profilu</strong>
                <button type="button" class="close" id="informacje-o-profilu-button-close" data-dismiss="modal" aria-label="Close">
                    <span class="glyphicon glyphicon-remove"></span>
                </button>
            </div>
            <div class="panel-body text-center">
                <form role="form" action="informacje_o_profilu.php" method="post" id="informacje-o-profilu-form">              
                    <div class="row">
                      <div class="col-md-4">
                        <label class="form-label">
                            <strong>Data Rejestracji:</strong>                                                
                        </label>
                      </div>
                      <div class="col-md-8">
                        <label class="form-label" id="data-rejestracji-label"></label>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md-4">
                        <label class="form-label">
                            <strong>Grupa:</strong>                                                
                        </label>
                      </div>
                      <div class="col-md-8">
                        <label class="form-label" id="grupa-label"></label>
                      </div>
                    </div>
                </form>
                <div id="alert"></div>
            </div>            
        </div>
    </div>
</div>

Kod odpowiedzialny za wyświetlenie okna modal oraz AJAX

$(function informacje_o_profilu() {
      $("#informacje-o-profilu-link").click(function(e) {
            e.preventDefault();
            $("#informacje-o-profilu-modal").modal( {
                  keyboard: false,
                  backdrop: "static",
            });         
            $.ajax( {
                 type: "POST",
                 url: "informacje_o_profilu.php",
                 success: function(data) {  
                     $("#data-rejestracji-label").html(data);
                     $("#grupa-label").html(data);
                 }
            });
      });
});

plik informacje_o_profilu.php

if (isset($_COOKIE['id_users'])) {
    $data_rejestracji = "2012-02-02";
    echo $data_rejestracji;
    $grupa = "Moderator";
    echo $grupa;        
}
else {
        
}

Chciałbym aby zmienne wyświetliły się w określonych <label>
$data_rejestracji wyświetlała się w <label class="form-label" id="data-rejestracji-label"></label>
$grupa wyświetlała się w <label class="form-label" id="grupa-label"></label>

I moje pytanie brzmi jak powinien wyglądać kod AJAX lub czego mam użyć aby wyświetlić zawartość zmiennych w konkretnych <label>?

Do informacje o profilu przydało by się przekazać chyba jakis id? Bo inaczej jak pobierzesz to z bazy?

W php jak już będziesz miał tablicę z wartościami zrób

echo json_encode($tablica);

a pozniej w success zrobsuccess: function(data) {
data = JSON.parse(data);
}

Teraz tylko odpowiednio przypisz i po sprawie.