UCCN1003

<script type="text/javascript">
    $(function(){
        $('a.edit').click(function(event){

            var change = $(this).parent('div').find('p');
            var changeText = change.text();
            var wrapper = $(this).parent('div');
            var clone = change.clone(true);

            var changeBox = $(this).parent('div').find('.editBox');
            var changeBoxText = changeBox.val();
            if($(this).text() == 'Edit'){
                wrapper.prepend("<input class='editBox' type='text' value='"+ changeText + "'/>");
                wrapper.append("<a href='#' class='save' style='margin-left:10px' >Save</a>");
                change.remove();
                $(this).text("cancel");
            }else if($(this).text()=='cancel'){
                wrapper.prepend("<p>" + changeBoxText +"</p>");
                $('.editBox').remove();
                $('.save').remove();
                $(this).text('Edit');
            }

        });


        $('.save').click(function(event){
            var editBox = $(this).parent('div').find('.editBox');
            var editBoxText = editBox.text();

            var wrapper = $(this).parent('div');
            wrapper.prepand("<p>" + editBoxText + "</p>");
            editBox.remove();
            $(this).remove();
        });
    });
</script>

My part that work work is

 $('.save').click(function(event){
        var editBox = $(this).parent('div').find('.editBox');
        var editBoxText = editBox.text();

        var wrapper = $(this).parent('div');
        wrapper.prepand("<p>" + editBoxText + "</p>");
        editBox.remove();
        $(this).remove();
    });

where the wrapper wont prepand the p tag and the editBox and the .save wont be remove. i try to add alert("work") in this and it wont alert at all. anyone know why?