Removing a clicked cloned div
<p>I have cloned a div and in this div i have several buttons amongst theme a delete button.Once i click the delete button,a div that wasn't clicked is being deleted instead of the clicked one.I have this fiddle <a href="http://jsfiddle.net/thiswolf/qBYzf/" rel="nofollow">http://jsfiddle.net/thiswolf/qBYzf/</a></p>

<p>Here is the function</p>

<pre><code>$(document).ready(function() {
    $("#button").click(function() {
        $("&lt;div class='newclone' id='xxx'&gt;&lt;article&gt;&lt;label&gt;Firstname&lt;/label&gt;&lt;input type='text'&gt;&lt;label&gt;Secondname&lt;/label&gt;&lt;input type='text'&gt;&lt;label&gt;City&lt;/label&gt;&lt;input type='text'&gt;&lt;input type='hidden' value='4'&gt;&lt;/article&gt;&lt;button class='one'&gt;Save&lt;/button&gt;&lt;button class='two'&gt;Delete&lt;/button&gt;&lt;button class='three'&gt;Cancel&lt;/button&gt;&lt;/div&gt;").appendTo('.clone-container');
    });
    $('.two').live("click", function() {
        $('#xxx').fadeOut("slow", function() {
            $(this).remove();
        });
    });
});
</code></pre>

<p>How can i remove the clicked div?.</p>
