title: how to append an element as a first child in jquery
body: <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>