click event not firing on newly created list item
<p>I have two lists and when you click on the second list the first list removes the first item and add to the second list but when I click on the newly created list item it doesn't fire why is that. <a href="http://fiddle.jshell.net/g84K9/" rel="nofollow">jsFiddle demo</a></p>

<pre><code>$('#SearchList li a').bind("click", function () {
    var $this = $(this).unwrap('&lt;a href="#"&gt;&lt;/a&gt;').remove().text();

    var $that = $('#Search li:first').remove().text();

    $('&lt;li&gt;' + $this + '&lt;/li&gt;').insertBefore('#Search li:first')

    $('#SearchList').append('&lt;li&gt;&lt;a href="#"&gt;' + $that + '&lt;/a&gt;&lt;/li&gt;');
});

&lt;ul id="Search"&gt;
    &lt;li&gt;Electronics&lt;/li&gt;
    &lt;li&gt;Image&lt;/li&gt;
&lt;/ul&gt;

&lt;ul id="SearchList"&gt;                        
    &lt;li&gt;&lt;a href="#"&gt;Interests&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Entertainment&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Clothing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Pharmacy&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Home &amp; Garden&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
