jquery - вывод массива в формате div 10x10

Question

У меня есть массив в jquery, который содержит 100 элементов.Я хочу вывести данные в 10 строк, каждая с 10 столбцами, в формате html внутри html-контейнера div.

Мой кадр похож на это:

<div id="row1">
  <div id="col1" style="float:left">data1</div>
  <div id="col2" style="float:left">data2</div>
  <div id="col3" style="float:left">data3</div>
...
</div>
<div id="row2">
  <div id="col1" style="float:left">data1</div>
  <div id="col2" style="float:left">data2</div>
  <div id="col3" style="float:left">data3</div>
...
</div>

Я думаю овложенный цикл for, но я думаю, что должен быть лучший способ.Подходит ли для этого функция jquery .map?Любое предложение?

TIA