динамическая форма HTML laravel с двумя полями выбора, где выбор два зависит от выбора одного

Question

Мне нужна динамическая форма HTML, где я могу добавить несколько полей таблицы с двумя полями выбора. Однако, выберите второй блок, в зависимости от первого блока. Я написал код JQuery для того, что отлично работает для первой строки, но совсем не работает для второй (недавно добавленной) строки.

Мой код jquery для добавления новой строки:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
                <script type="text/javascript">

                $(document).ready(function(){
                var i = 0;
                console.log(i);
                $("#add").click(function(){
                i++;
                console.log(i);
                $('#inv_table').append('<tr id="row'+i+'"><td><select class="form-control custom-select" id="product'+i+'" name="product_id"><option>Select Product</option>              @foreach($products as $product)<option value="{{$product->id}}">{{$product->product_name}}</option>@endforeach                   </select></td><td><input type="text" name="price[]" value=""/></td><td><select class="form-control custom-select" id="gst'+i+'" name="gst[]"><option value=""></option>      </select></td><td><input id="'+i+'" type="submit" name="remove" value="Remove" class="btn btn-danger btn-sm btn_remove" ></td></tr>')
                });
                $(document).on('click','.btn_remove',function(){
                var button_id = $(this).attr("id");
                console.log(button_id);
                $('#row'+button_id+'').remove();
                })
                });
                </script>

Мой код jquery для окна динамического выбора:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
                <script type="text/javascript">
                $(document).ready(function(){
                    $('#product').on('change', function(e){
                        console.log(e);
                        var id = e.target.value;
                        console.log(id);
                        $.get('ajax-unit/'+id, function(data){
                            console.log(data.tax);
                            $('#gst').empty();
                            $('#gst').append('<option value="data.tax">'+data.tax+'</option>');
                        });
                    });

                });

                </script>

Плз Помогите мне ....

Заранее спасибо.