get value input inside append

get value input inside append

hi everyone, i've some problem when using append 
I have no idea to call the value input and dataset in the append

HTML
  1. <div class="row form-group">
  2.     <div class="col-md-12">
  3.         <select class="form-control category_id" name="jumlah"
  4.                 id="entity"
  5.                 required>
  6.             <option value="1" selected="tr">---- 1 Data ----
  7.             </option>
  8.             @for($i=2;$i<=10;$i++)
  9.                 <option value="{{$i}}">---- {{$i}} Data ----
  10.                 </option>
  11.             @endfor
  12.         </select>
  13.     </div>
  14. </div>
  15. <div id="loop">
  16.     <div class="row form-group has-feedback">
  17.         <div class="col-md-12">
  18.             <input placeholder="Type Name"
  19.                    data-tabe="name1"
  20.                    class="form-control name1"
  21.                    id="name[]"
  22.                    name="name[]" required autofocus>

  23.         </div>
  24.     </div>
  25. </div>
//Jquery

  1. <script>
  2.     $(document).ready(function () {
  3.         $(document).on('change', '#entity', function () {
  4.             var fill1 = '';
  5.             var valu = $(this).val();

  6.             fill1 = '';
  7.             for (var i = 1; i <= valu; i++) {

  8.                     fill1 += '<div class="row form-group has-feedback">\n' +
  9.                         '        <div class="col-md-12">\n' +
  10.                         '            <input placeholder="Type Name"\n' +
  11.                         '                   data-tabe="name'+i+'"\n' +
  12.                         '                   class="form-control name'+i+'"\n' +
  13.                         '                   id="name[]"\n' +
  14.                         '                   name="name[]" required autofocus>\n' +
  15.                         '\n' +
  16.                         '        </div>';

  17.             }
  18.             $('#loop').empty().append(fill1);

  19.         });

  20.         $('#loop').html();
  21.         $('#loop .name2').on('input', function (e) {
  22.             console.log(e.delegateTarget.dataset.tabe);
  23.             console.log(e.delegateTarget.value);

  24.         });

  25.     });
  26. </script>
any advice?

thanks