Как добавить элемент в качестве первого дочернего элемента в jquery

говорит, что у меня есть html что-то вроде этого..

<ul id="leftNavigation">
  <table id="leftNavTable"><tr><td>blablabla</td></tr><table>
  <li>1</li>
  <li>2</li>
</ul>

то, что я хочу сделать, - это когда я нажимаю на любое li, тогда эта таблица должна быть скрыта, а другая таблица должна быть добавлена ​​вместо этой таблицы. Например, таблица

<table id="Selected"><tr><td>blablabla</td></tr><table>

как это сделать в jQuery.

Я попытался таким образом, но его добавление в качестве последнего дочернего элемента ul.

$('#leftNavigation').append('<table id="Selected"><tr><td>blablabla</td></tr><table>')

Спасибо заранее!!!!