Deleting appended element with jQuery
<p>I'm trying to develop a simple todo-application but the elements who been created with jQuery, can't be deleted with the shortkey I've setup. The shortkey I've made works on the first element (and other elements that are on the page from the beginning) but elements that came into the DOM via jQuery, can't be deleted.</p>

<pre><code>&lt;script&gt;
    $(document).ready(function() {
        $('textarea.todo').focus(function () {
            $(this).elastic();
        });

        $('textarea.todo').focusout(function () {
            $(this).animate({ height: "2em" }, 500);
            $(this).scrollTop(0);
        });

        $('#addTodo').click(function(){
            $('&lt;textarea class="todo" rows="1"&gt;&lt;/textarea&gt;').appendTo('#todos');
        });

        $('.todo').bind('keydown', 'alt+ctrl+d', function(){
            $(this).fadeOut('Slow');
        });
    });
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div id="header"&gt;
        Simple&lt;span id="alt"&gt;TODO&lt;/span&gt;
    &lt;/div&gt;
    &lt;div id="todos"&gt;
        &lt;textarea class="todo" rows="1"&gt;&lt;/textarea&gt;
    &lt;/div&gt;
    &lt;div id="footer"&gt;
        &lt;div class="left"&gt;&lt;img src="PlusSign.png" id="addTodo"/&gt;&lt;/div&gt;
        &lt;div class="right"&gt;HELP&lt;/div&gt;
    &lt;/div&gt;
</code></pre>
