使用按钮提交获取附加元素的值

Question

I have a problem that when I click submit on button, the appended element not submitted. I already try to change append() to appendTo() and html(). It's no effect. Plase help.

$('select[name="bidang"]').on('change', function(e) {
      e.preventDefault();
      var id_bidang = $(this).val();

      // AJAX request
      $.ajax({
          url: '<?php echo base_url()?>form_jurnal/getSubBidang',
          method: 'GET',
          data: {
            id_bidang: id_bidang
          },
          dataType: "json",
          success: function(response) {

            $('select[id="sub_bidang"]').empty();
            $.each(response, function(key, value) {
                $('select[id="sub_bidang"]')
                  .append('<option value="' + value.id_subbidang + ' 
                    selected ">'+ value.nama_subbidang +'</option>');
                  });

            }
          });
      });

---

<label>Sub Bidang   :</label>
<select id="sub_bidang" name="sub_bidang">
  <option>--Pilih Sub Bidang--</option>
</select>