title: Append list to each div in order
body: <p>Append list to each div in order.
  I have a list of names created dynamically:</p>
  <pre><code>  &lt;ul id=&quot;myList&quot;&gt;
      &lt;li&gt;
        &lt;h2&gt;Name 1&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h2&gt;Name 2&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h2&gt;Name 3&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  <p>And I want each of these <code>li</code> to be appendTo in order to these <code>.photo</code>, how would I do it?</p>
  <pre><code>  &lt;div id=&quot;myCanvas&quot;&gt;
      &lt;div class=&quot;photo&quot;&gt;
        &lt;img src=&quot;./app/img/pinturas-1.png&quot;/&gt;
        &lt;h2&gt;Name 1&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class=&quot;photo&quot;&gt;
        &lt;img src=&quot;./app/img/pinturas-2.png&quot;/&gt;
        &lt;h2&gt;Name 2&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class=&quot;photo&quot;&gt;
        &lt;img src=&quot;./app/img/pinturas-3.png&quot;/&gt;
        &lt;h2&gt;Name 3&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  <p>Updated my question.
  This is what I want to achieve created dinamically:</p>
  <pre><code>  &lt;div id=&quot;myCanvas&quot;&gt;
      &lt;div class=&quot;photo&quot;&gt;
        &lt;img src=&quot;./app/img/pinturas-1.png&quot;/&gt;
        &lt;h2&gt;Name 1&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class=&quot;photo&quot;&gt;
        &lt;img src=&quot;./app/img/pinturas-2.png&quot;/&gt;
        &lt;h2&gt;Name 2&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class=&quot;photo&quot;&gt;
        &lt;img src=&quot;./app/img/pinturas-3.png&quot;/&gt;
        &lt;h2&gt;Name 3&lt;br&gt;
        Description&lt;/h2&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>