Замена input на select
 

Приветствую!
На странице есть поле:

<input id="user-submitted-tags" name="user-submitted-tags" type="text" value="" class="usp-input">

Необходимо вместо него подставить :

<select id="user-submitted-tags" name="user-submitted-tags" class="usp-input">
  <option value="Тег1">Тег1</option>
  <option value="Тег2">Тег2</option>
  <option value="Тег3">Тег3</option>
</select>

Пробовал варианты через replaceWith() jQuery, не получается. Буду благодарен, если поможете с решением.
Заранее СПАСИБО!

Например вот так...

<input id="user-submitted-tags" name="user-submitted-tags" type="text" value="" class="usp-input">

<script>
const s = `<select id="user-submitted-tags" name="user-submitted-tags" class="usp-input">
  <option value="Тег1">Тег1</option>
  <option value="Тег2">Тег2</option>
  <option value="Тег3">Тег3</option>
</select>
`
const o = document.querySelector('#user-submitted-tags')
o.insertAdjacentHTML('beforeBegin', s)
o.remove()
</script>