Jak wyświetlić tekst zwracany przez pętle jQuery

Hej, to pytanie jest bardzo głupie ale nie mogę sobie z tym poradzić..

Mam taką pętle

var count = data.length;
                        
                        for (var i = 0; i < count; i++)
                        {
                            $("text.ttt").text(data[i].Brand + ' ' + data[i].Power);
                        }

Chciałbym wyświetlać sobie każdy element w innym miejscu np. pod spodem. Chciałbym uzyskać to samo co uzyskuje jak w mvc w widoku pętlą foreach przeszukuje np. IEnumerable<className>.
W przypadku jquery jestem w stanie tak jak powyżej do poszczególnych miejsc przypisać kod, ale on się dubluje a ja po przejściu pętli chciałbym uzyskać coś takiego:

@* pierwszy element z pętli*@
<div class="klasa">
<p class=klasa2> data[1].Brand</p>
<p>data[1].Power</p>
</div>

@* drugi element z pętli *@
<div class="klasa">
<p class=klasa2> data[2].Brand</p>
<p>data[2].Power</p>
</div>

...

Jak masz malo danych to mozesz to zrobic tak

	var data = [
	{Brand : "Brand1 ", Power : "Power1"},
	{Brand : "Brand2 ", Power : "Power2"},
	{Brand : "Brand3 ", Power : "Power3"},
	{Brand : "Brand4 ", Power : "Power4"}
	];
	$(document).ready(function(){
	
	console.log(data.length);
	for(i=0; i<data.length; i++){
		$('body').append("<div class='klasa'> <p class=klasa2>"+data[i].Brand+"</p> <p>"+data[i].Power+"</p> </div>");
	}
	

	});

Kurcze nie za dobrze mi to działa, do tego nie powiela się i jeżeli nacisnę drugi raz na przycisk wyniki otrzymuje pod spodem już istniejących.
@somekind w jaki sposób zarządza się danymi w formacie JSON w widoku? Nie ma jakiegoś frameworka w MVC, który w prosty sposób pozwala wyświetlić dane w widoku podobnie jak robi się to pętlą foreach pobierając dane z modelu widoku?

Mając w widoku taką strukturę chciałbym w prosty sposób przelecieć przez nią pętlą foreach i wyświetlić JSON który pobieram ajaxem jquery.

<div id=tutaj>
<div class="klasa">

                    <div class="klasa2">
                        <p id="nazwa"> (data[i].Brand <- json) </p>
                        <p id="moc" class="klasa3"> data[i].Power</p>
                    </div>

                </div>
</div>

Zrobiłem to w ten sposób i wszystko działa, ale nie podoba mi się to do końca.

var dane = '<div class="klasa">';
$.each(data, function (i, dane) {
                    dane += '<div class="klasa2"><p>' + dane.Brand + '</p><p id="moc">' + dane.Power; + "</p></div>"
                    dane += </div>
                    $('#tutaj').html(dane);

Nie ma takiego frameworka w ASP.NET MVC, bo to jest framework serwerowy. Ty potrzebujesz jakiejś biblioteki JS albo frameworka w rodzaju Konckouta, żeby ładnie wiązać dane z kontrolkami GUI.