title: how to get input value of dynamically generated input field
body: <p>I have this dynamically generated html </p>
  
  <pre><code>var resultcard = `
      &lt;tr class="tr-shadow"&gt;
             &lt;td class="desc"&gt;                     
             &lt;span class="block "&gt;
                    ${Name}
                 &lt;/span&gt;
             &lt;/td&gt;
           &lt;td class="desc"&gt;
            &lt;input class="au-input au-input--sm" id="qty" type="text" name="search" placeholder="i.e. 20 EA" style="width: 100px;" /&gt;
  
              &lt;a&gt;UI&lt;/a&gt;
          &lt;/td&gt;
         &lt;td class="desc"&gt;
         &lt;input class="au-input au-input--sm" id="price"  type="text" name="search" placeholder="i.e 900" style="width: 90px;" /&gt;
         &lt;/td&gt;
         &lt;td&gt;
            &lt;span class="status--process"&gt;
            &lt;input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp;amp; reports..." style="width: 90px;" /&gt;
            &lt;/span&gt;                           
          &lt;/td&gt;
        &lt;td class="desc"&gt;
        &lt;input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp;amp; reports..." style="width: 90px;"  /&gt;
         &lt;/td&gt;
         &lt;td&gt;                               
        &lt;button type="button" class="btn btn-primary btn-md" onclick="postitem(this);"&gt;Submit&lt;/button&gt;                                 
          &lt;/td&gt;
   &lt;/tr&gt;
  
            `
              container.innerHTML += resultcard;
  
          })
  </code></pre>
  
  <p>the postitem function is this</p>
  
  <pre><code>function postitem(data){
  
  console.log(data)
  
  
    }
  </code></pre>
  
  <p>how do I get the input value for id "qty" and "price" when the submit button is clicked?</p>