Как изменить значение динамически создаваемых элементов ввода javascript / jquery

Я создаю форму, которая динамически генерирует элементы продаж, я уже могу вызвать функцию в javascript из этих динамически созданных элементов, но при изменении значения мне нужно изменить другие значения.

По-видимому, я не могу установить значение динамически создаваемого ввода

То, что я сделал до сих пор, это то, где создается динамическое поле

<table id = "myTable" class = "table table-bordered">
<thead>
    <tr>
        <th>Supplier</th>
        <th>Stock Item</th>
        <th>Quantity</th>
        <th>Sales Price</th>
        <th>Total</th>
        <th>Action</th>
    </tr>
</thead>
<tbody>
<tr>
    <td>
        <select name = "Supplier_Number[]" class = "form-control " id = "Supplier_Number">
<option value = "" selected = "selected">Select</option>
<option value = "Supplier-00006">test test 3</option>
<option value = "Supplier-0005">test test</option>
<option value = "Supplier-000007">test test 5</option>
</select>
    </td>
    <td>
        <select name = "Stock_Number[]" class = "form-control " id = "Stock_Number" onchange = "getStockData(event, 1);">
<option value = "" selected = "selected">Select</option>
<option value = "Stock-00001">test 1</option>
<option value = "Stock-00002">test</option>
<option value = "Stock-000013">another test</option>
<option value = "Stock-000014">another test 2</option>
</select>
    </td>
    <td>
        <input type = "text" name = "Quantity[]" id = "Quantity1" onchange = "getTotal(1)">
    </td>
    <td>
        <input type = "text" name = "Sales_Price[]" id = "Sales_Price1">

        <input type = "hidden" name = "Purchase_Price[]" id = "Purchase_Price1">
    </td>
    <td>
        <input type = "text" name = "Total[]" id = "Total1">

    </td>
</tr>
</tbody>
</table>

Так выглядят динамические элементы

<tr>
<td>
    <select name = "Supplier_Number[]" class = "form-control " id = "Supplier_Number2">
<option value = "" selected = "selected">Select</option>
<option value = "Supplier-00006">test test 3</option>
<option value = "Supplier-0005">test test</option>
<option value = "Supplier-000007">test test 5</option>
</select>
</td>
<td>
    <select name = "Stock_Number[]" class = "form-control " id = "Stock_Number2" onchange = "getStockData(event,2);getTotal();">
<option value = "" selected = "selected">Select</option>
<option value = "Stock-00001">test 1</option>
<option value = "Stock-00002">test</option>
<option value = "Stock-000013">another test</option>
<option value = "Stock-000014">another test 2</option>
</select>
</td>
<td>
    <input type = "text" name = "Quantity[]" class = "Quantity2" onchange = "getTotal(2)">
</td>
<td>
    <input type = "text" name = "Sales_Price[]" class = "Sales_Price2">

    <input type = "hidden" name = "Purchase_Price[]" class = "Purchase_Price2">
</td>
<td>
    <input type = "text" name = "Total[]" class = "Total2">

</td>
<td><input type = "button" value = "Delete"></td>
</tr>

Вот как я пытаюсь изменить значение динамического элемента

var sales_price = 'Sales_Price'+count;
var Total = 'Total'+count;
var Purchase_Price = 'Purchase_Price'+count;
var Quantity = 'Quantity'+count;
$('#'+sales_price).prop('value', 'something');
$('#'+Total).prop('value', '0');
$('#'+Quantity).prop('value', '0');
$('#'+Purchase_Price).prop('value', 'something');

Проблема:

Значение динамических элементов не может быть установлено. Любая помощь будет оценена по достоинству.