JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selector">
  <option value="0">1</option>
  <option value="1">2</option>
  <option value="2">3</option>
</select>
<button onclick="moveNugget();">
 Move
</button>
<br /><br />

<div class="view">
  <div class="item-container">
    <div class="item-title">
      [title]
    </div>
    <div id="view-0" class="item-toolbar">
      [tb]
    </div>
  </div>
</div>

<br />
<hr />
<br />

<div class="view">
  <div class="item-container">
    <div class="item-title">
      [title]
    </div>
    <div id="view-1" class="item-toolbar">
      [tb]
    </div>
  </div>
</div>

<br />
<hr />
<br />

<div class="view">
  <div class="item-container">
    <div class="item-title">
      [title]
    </div>
    <div id="view-2" class="item-toolbar">
      [tb]
    </div>
  </div>
</div>

<br /><br /><br />
<ul id="tb" style="list-style-type: none;">
  <li>[1]</li>
  <li>[2]</li>
  <li>[3]</li>
</ul>

JavaScript

function moveNugget() {
  var selected = $('#selector').val();
  var tb = $('#tb');

  var items = $('.item-container');
  
  // The following line is the one that is giving me problems.
  tb.appendTo('#view-' + selected);
}