Dynamic select option

selected option changes after adding new select menu.

HTML

<body id="body">
  <button onclick="add()">Add</button>
  <select>
    <option selected disabled>Choose...</option>
    <option value="c1"> one </option>
    <option value="c13"> two </option>
    <option value="c11"> three </option>
    <option value="c12"> four </option>
  </select>
</body>

JavaScript

let body = document.getElementById('body');

function add() {
  body.innerHTML += `<select>
        <option selected disabled">Choose...</option>
        <option value="c1"> one </option>
        <option value="c13"> two </option>
        <option value="c11"> three </option>
        <option value="c12"> four </option>
    </select>`;
}