how to append an element as a first child in jquery
<p>lets say i have html something like this..</p>

<pre><code>&lt;ul id="leftNavigation"&gt;
  &lt;table id="leftNavTable"&gt;&lt;tr&gt;&lt;td&gt;blablabla&lt;/td&gt;&lt;/tr&gt;&lt;table&gt;
  &lt;li&gt;1&lt;/li&gt;
  &lt;li&gt;2&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>what i want to do is when i click on any li, then that table should get hide and another table should get appended in place of that table.lets say that table is</p>

<pre><code>&lt;table id="Selected"&gt;&lt;tr&gt;&lt;td&gt;blablabla&lt;/td&gt;&lt;/tr&gt;&lt;table&gt;
</code></pre>

<p>how to do it in jQuery.</p>

<p>i tried in this way but its adding as a last child of ul.</p>

<pre><code>$('#leftNavigation').append('&lt;table id="Selected"&gt;&lt;tr&gt;&lt;td&gt;blablabla&lt;/td&gt;&lt;/tr&gt;&lt;table&gt;')
</code></pre>

<p>Thanks in advance!!!!</p>
