prepend inside prepended element
<p>I am having problems with the following jquery code.</p>

<pre><code>$(document).ready(function() {

$(".box").submit(function(e) {       
      e.preventDefault();
        var input_value = $(".textbox").val();
        $("&lt;li&gt;"+ input_value +" &lt;br /&gt; &lt;form class='box'&gt;&lt;input type='text' name='textbox' class='textbox reply'&gt;&lt;/form&gt; &lt;ul class='list'&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/li&gt;")
        .prependTo($(this).siblings('.list').first());
    });
});
</code></pre>

<p>Everything works fine when I prependTo() to the existing HTML but once I try to prependTo() to the element that was created by javascript I run into an error.</p>

<p>I created the following <a href="http://jsfiddle.net/hV2Rr/" rel="nofollow">jsfiddle</a> to illustrate</p>
