javascript - 追加と削除が正常に機能しない

Question

奇妙な理由で、私の追加は追加のみで削除はしていません。

HTMLは次のとおりです。

<div class="insert-links"></div>
<a href="#" id="button" onclick="return false;"> 
<img src="http://a.dryicons.com/images/icon_sets/blue_extended_icons_set/png/64x64/add.png" ">
</a>

jQueryは次のとおりです。

<script type='text/javascript'>//<![CDATA[ 
$(function() {
    var i = 0;

    $('#button').click(function() {
        if (i < 10) {
            $('.insert-links').append('<p style="display: none;" class="new-link"><input tabindex="1" placeholder="Command eg: give #user# 264"  style="width:285px\;margin-top: 12px\;" type="text" name="fname" id="fname"/> <input tabindex="1" placeholder="Price" style="width:45px\;background-color:#f4faff\;" title="Price in points of this item" type="text" name="fname" id="fname"/><a href="#" id="buttonremove" onclick="return false;"><img src="http://c.dryicons.com/images/icon_sets/blue_extended_icons_set/png/128x128/remove.png" style="width: 20px;float: right;margin-top: 19px;margin-right: 19px;"></a></p>');
            $('.insert-links').find(".new-link:last").slideDown("slow");
            i++;
        }
    });

    $('#buttonremove').click(function() {
        if (i > 0) {
            $('#buttonremove').parent('p').remove();
            i--;
        }
    });
});//]]>  
</script>

誰でも私を助けてもらえますか？