title: Get to newly created list element on submit
body: <p>I need to get to newly created list elements , so I can loop through them on <code>submit</code>.</p>
  
  <p>Let's Start of with <code>select</code> and empty <code>ul</code>:</p>
  
  <pre><code>&lt;select name="car" id="js_car_select"&gt;
      &lt;option value="1"&gt;BMW&lt;/option&gt;
      &lt;option value="2"&gt;Audi&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;ul id="js_car_list"&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>and some basic jQuery:</p>
  
  <pre><code>// Append car name to the list on select change
  $('#js_car_select').on('change', function() {
      $('#js_car_list').append('&lt;li&gt;' + $(this).find('option:selected').text() + '&lt;/li&gt;');
  });
  </code></pre>
  
  <p>After this I have a list of cars as newly created elements.</p>
  
  <p>How can I get to them on <code>submit</code>? Now when I try, none of the new <code>li</code> elements is available - <code>$('#js_car_list li').length</code> = 0.</p>
  
  <p>How and where should I listen to new elements creation?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>The <code>select</code> and <code>ul</code> are part of the interface. On <code>submit</code> I want to append the new list to a form as hidden <code>input</code>s, so they can be serialized with the whole form.</p>