Help: Producing an array of contents without a container

[Jeff Rose]

Given this HTML:
<div class="container">
<h3><a href="#"></a></h3>
<div class="details"></div>
</div>

And this data:
[ { label: 'L1', details: 'D1' }, { label: 'L2', details: 'D2' },
{ label: 'L3', details: 'D3' } ]

I would like to produce this:
<div class="container">
<h3><a href="#">L1</a></h3>
<div class="details">D1</div>
<h3><a href="#">L2</a></h3>
<div class="details">D2</div>
<h3><a href="#">L3</a></h3>
<div class="details">D3</div>
</div>

So far I have managed to produce this:
<div class="container">
<h3><a href="#">L1</a></h3>
<div class="details">D1</div>
</div>
<div class="container">
<h3><a href="#">L2</a></h3>
<div class="details">D2</div>
</div>
<div class="container">
<h3><a href="#">L3</a></h3>
<div class="details">D3</div>
</div>

I am not sure how to proceed. Everything I have tried hasn't worked.
Unfortunately I cannot change the HTML. Is it even possible to do this
with chain.js?

Any help would be greatly appreciated. Thanks!