collecting values from inputs created dynamically
<p>I have the following markup</p>

<pre><code>&lt;span id="add"&gt;

  &lt;li style="float: left;margin-right: 10px;"&gt;
     &lt;b class="bg"&gt;Nom&lt;/b&gt;&lt;br /&gt;
     &lt;input type="text" class="_input _input_text nom"/&gt;
  &lt;/li&gt;

  &lt;li&gt;
    &lt;b class="bg"&gt;montant investi&lt;/b&gt;&lt;br /&gt;
    &lt;input type="text" class="_input _input_text montant"/&gt;
    &lt;a class="_button"
       onclick="$('#add').append(
          '&lt;span&gt;\
            &lt;li style=\'float: left;margin-right: 10px;\'&gt;\
              &lt;b class=\'bg\'&gt;Nom&lt;/b&gt;&lt;br /&gt;\
              &lt;input type=\'text\' class=\'_input _input_text nom\'/&gt;\
            &lt;/li&gt;\
            &lt;li&gt;\
              &lt;b class=\'bg\'&gt;montant investi&lt;/b&gt;&lt;br /&gt;\
              &lt;input type=\'text\' class=\'_input _input_text montant\'/&gt;\
              &lt;a class=\'_button\' style=\'float:right;margin-top:0;margin-left:5px\' \
                onclick=\'$(this).parent().parent().remove();\'&gt;\
                &lt;b&gt;X&lt;/b&gt;\
              &lt;/a&gt;\
            &lt;/li&gt;\
          &lt;/span&gt;');"
       style="float: right;margin-top: 0px;margin-left: 5px;"&gt;
        Ajouter un associé
    &lt;/a&gt;
  &lt;/li&gt;

&lt;/span&gt;
</code></pre>

<p>The onclick function creates a markup with two <code>&lt;li&gt;</code> with input text inside.  There are two class of inputs: .nom, .montant.</p>

<p>When I try to collect them using this function:</p>

<pre><code>var _nom=[];

_nom.push($("#add input.nom[type=text]").val());

$.each(_nom, function(key, value) {
  alert(key + ': ' + value);
});
</code></pre>

<p>I only get the values of the two inputs that are not created dynamically.</p>
