Elements rendered in wrong order

[sircharleswatson]

Hey! I am experiencing a slight odd behavior.
The below template does not render as expected.

<h1>OrderID: #12345</h1>
<br>
{{#each items}}
    <p>{{itemName}}</p>
    <ul>
        {{#each arrayify selectedOptions}}
            <li>{{name}}: {{value}}</li>
        {{/each}}
    </ul>
{{/each}}

For some reason it is rendering like this (for 3 items in"each"):

<ul>
    <p>Name</p>
    <li>options</li>
    <li>option</li>
</ul>

<p>Name</p>
<ul>
    <li>option</li>
    <li>option</li>
</ul>

<p>Name</p>
<ul>
    <li>option</li>
    <li>option</li>
</ul>

On the first item, the <p> tag ends up inside the <ul> but the rest are outside.

Any ideas on what could be going on?