title: Get value of dynamically created dropdowns
body: <p>I have a button that every time you click it, it creates a new row in a table with a  and an  and an auto-increament in their IDs.</p>
  
  <p>The actual HTML:</p>
  
  <pre><code>&lt;select class="dynService" id="service_1" name="service[]"&gt;
  &lt;option value="1" data-price="100"&gt;Option 1&lt;/option&gt;
  &lt;option value="2" data-price="150"&gt;Option 2&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;input type="text" id="price_1" name="servprice[]" value="" /&gt;
  </code></pre>
  
  <p>So the next time I will click the button it will create the one more row with the same HTML just the service_1 &amp; price_1 will be service_2 and price_2.</p>
  
  <p>My question is how to create onchange of "service_1" to get the data-price from service_1 and place it to price_1 but not change the price_2 value since the user can have many rows of services added and its not fixed.</p>
  
  <p>Thanks</p>