jquery hover() and click() don't work after moving TR to another table
<p>I'm trying to use jQuery's hover() to change the background color any TR that you mouse over, and I also use a click() to move a TR between tables. But once I move the TR to another table, hover() and click() don't work.</p>

<p>Can someone tell me why? And how I can fix this? Here's my code: <a href="http://jsfiddle.net/MJNGL/" rel="nofollow">http://jsfiddle.net/MJNGL/</a></p>

<pre><code>$(document).ready(function() {
    $("table tr").hover(
        function() {
            $(this).css('background', 'yellow');
        },
        function () {
            $(this).css('background', '');
        }
    )

    $("table tr").click(function () {
        var id = $(this).children().attr("id");
        $(".cityItem1").each(function m(x,e) {
            if ($(e).children().attr("id") == id) {
                $(e).remove();
                $("#tblCity2").append('&lt;tr class="tableRow"&gt;&lt;td width="750" id="' + $(e).children().attr('id') + '"&gt;' + $(e).children().html() + '&lt;/td&gt;&lt;/tr&gt;');
            }
        });
    });
});
​
</code></pre>
