my jquery code dont work?
<p>
    <p>UCCN1003</p>Edit</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(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("&lt;input class='editBox' type='text' value='"+ changeText + "'/&gt;");
                wrapper.append("&lt;a href='#' class='save' style='margin-left:10px' &gt;Save&lt;/a&gt;");
                change.remove();
                $(this).text("cancel");
            }else if($(this).text()=='cancel'){
                wrapper.prepend("&lt;p&gt;" + changeBoxText +"&lt;/p&gt;");
                $('.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("&lt;p&gt;" + editBoxText + "&lt;/p&gt;");
            editBox.remove();
            $(this).remove();
        });
    });
&lt;/script&gt;
</code></pre>

<p>
</p>

<p>My part that work work is </p>

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

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

<p>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?</p>
