[JQUERY].html() su ogni elemento p

[ispuk]

ciao a tutti

ho un problema

io ho un array bidimensionale di dati che devo far apparire su diversi <p class="pippo">
array{array[0]{usernameippo ....... }array[1]{usernameluto.....} etc etc}

devo estrarre con un ciclo tutti i dati [username] e farli apparire in ordine da array[0] a array[++] sui <p class="username">

la mia funzione è questa ;

   function(json){
             var i = 0;
             for(var i=0; i<(json.length); i++)
             {
              var jsongrab = json[i];
              $("p.username").html(jsongrab['username']);
              
             }

html

<p class="username">PIPPO</p>
<p class="username">PLUTO</p>
<p class="username">PAPERINO</p>

solo che in questo caso

var jsongrab['username']

è un unico dato,o meglio ,sto estraendo un username unico, e su tutti i <p class="username"> mi appare lo stesso username

esempio:

<p class="username">PIPPO</p>
<p class="username">PIPPO</p>
<p class="username">PIPPO</p>

qualcuno può aiutarmi visto che non sono per niente bravo con javascript??

vi ringrazio ragazzi ciao