I'm having a problem removing an element with jQuery
<p>I'm trying to remove this element on success function, but it's not doing it!!</p>

<p>jQuery file:</p>

<pre><code> $(function () {
        //More Button
        $('.more').live("click", function () {
            var ID = $(this).attr("id");
            if (ID) {
                $("#more" + ID).html('&lt;img src="moreajax.gif" /&gt;');
                $.ajax({
                    type: "POST",
                    url: "ajax_more.php",
                    data: "lastmsg=" + ID,
                    cache: false,
                    success: function (html) {
                        $("ul.statuses").append(html);
                      // my problem is here
                        $("#more" + ID).remove();
                    }
                });
            }
            else {
                $(".morebox").html('The End');
            }
            return false;
        });
    });
</code></pre>

<p>This is the html file:
This is the button that's clicked to retrieve more results!</p>

<pre><code>echo'&lt;div id="more'. $dateTime.'" class="morebox"&gt;
    &lt;a href="#" class="more" id="'.$dateTime.'"&gt;more&lt;/a&gt;';
</code></pre>
