title: How to append to a div that was just append
body: <p>I want to draw multiple lines that contains infos on a product for the exemple lets say its name. I declare the variable at the beginning of my function : </p>
  
  <p>I iterate through a list of product :</p>
  
  <pre><code>var productName = '&lt;div class="productName"&gt;&lt;/div&gt;';
  
  for (var i = 0; i &lt; context._model._productsList.length; i++) {
          var productLine = '&lt;div data-id="' + i + '" class="productLine"&gt;&lt;/div&gt;';
          $('#boardProducts').append(productLine);
          $('[data-id="' + i + '"]').append(productName);
  </code></pre>
  
  <p>For each product i would like to wrap product name inside the related product name div.</p>
  
  <p>But if i select <code>$('.productName').append('A name');</code> it'll select all div productName.</p>
  
  <p>Is there a way to append in the last productName div i did append ?</p>