JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<select id="select">
  <option value="1">horse</option>
  <option value="2">duck</option>
  <option value="3">melon</option>
</select>

<button id="clone">clone</button>
<button id="clone-fixed">clone fixed</button>

<p id="result"></p>

JavaScript

$(function() {
	var result = $('#result');

	$('#clone').on('click', function () {
    var original = $('#select');
    var copy = original.clone();
    result.empty().append(copy);
  });
  
	$('#clone-fixed').on('click', function () {
    var original = $('#select');
    var copy = original.clone();
    copy.val(original.val());
    result.empty().append(copy);
  });
});