title: How to set empty or null value doesn't worked in Jquery change
body: <p>I want the value in the input text to be null after the hide process</p>
  
  <p>This is my view :</p>
  
  <pre><code>&lt;div class="form-group row"&gt;
    &lt;label for="status" class="col-sm-4 col-form-label col-form-label-sm"&gt;Status Karyawan&lt;/label&gt;
    &lt;div class="col-sm-8"&gt;
      &lt;select id="status" name="status" class="form-control form-control-sm" required&gt;
          &lt;option value="" selected&gt;Pilih Status Karyawan&lt;/option&gt;
          &lt;option value="Kontrak"&gt;Kontrak&lt;/option&gt;
          &lt;option value="Tetap"&gt;Tetap&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group row" id="tgl_pengangkatan" style="display:none"&gt;
    &lt;label for="tgl_pengangkatan" class="col-sm-4 col-form-label col-form-label-sm"&gt;Tgl. Pengangkatan&lt;/label&gt;
    &lt;div class="col-sm-8 input-group"&gt;
      &lt;input name="tgl_pengangkatan" type="text" class="form-control datepicker form-control-sm" id="tgl_pengangkatan" placeholder="yyyy-mm-dd" value=""&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group row" id="tgl_berakhir_kontrak"  style="display:none"&gt;
    &lt;label for="tgl_berakhir_kontrak" class="col-sm-4 col-form-label col-form-label-sm"&gt;Tgl. Akhir Kontrak&lt;/label&gt;
    &lt;div class="col-sm-8 input-group"&gt;
      &lt;input name="tgl_berakhir_kontrak" type="text" class="form-control datepicker form-control-sm" id="tgl_berakhir_kontrak" placeholder="yyyy-mm-dd" value=""&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And than, this is my script:</p>
  
  <pre><code>&lt;script&gt;
  $(function () {
      $("#status").change(function() {
      var val = $(this).val();
      if(val === "Kontrak") {
          $("#tgl_berakhir_kontrak").show();
          $("#tgl_pengangkatan").hide();
          $("#tgl_pengangkatan").val('');
      }
      else if (val === "Tetap") {
          $("#tgl_pengangkatan").show();
          $("#tgl_berakhir_kontrak").hide();
          $("#tgl_berakhir_kontrak").val('');
      }
      });
  });
  </code></pre>
  
  <p></p>
  
  <p>I want to make it like that to minimize errors in the input process, thanks.</p>