Question

I am trying to write my own edit-in-place using jQuery. My code is something like this;

$(".comment-edit").bind({
    click: function(){
        commentId = $(this).parent().parent().attr("id");
        commentEditable = $("#"+commentId+" .comment-text");
        if (commentEditable.hasClass('active-inline')) {
            alert("already editable aq");
            return false;
        }
        contents = $.trim($("#"+commentId+" .comment-text").text());
        commentEditable.addClass("active-inline").empty();
        var editBox = '<textarea id="newComment"cols="50" rows="6"></textarea><button class="newCommentSave">Save</button><button class="newCommentCancel">Cansel</button>';
        $(editBox+" textarea").val(contents).appendTo(commentEditable).focus();

        $.(".newCommentSave").live({
            click: function(){
                alert("Save");
                return false;
            }
        });

        $.(".newCommentCancel").click(function(){
            alert("Cancel");
            return false;
        });
        return false;
    }
});

As you can see I tried both “live()” and “click()” for interacting with the newly created buttons. However this doesn’t work.

I am getting XML filter is applied to non-XML value (function (a, b) {return new (c.fn.init)(a, b);})

Any ideas? What seems to be going wrong?

Edit:
Html looks something like this:

<div class="comment" id="comment-48">
  <div class="comment-author">
    <a href="/profil/defiant">defiant</a>
    <span class="date">2010-11-09 01:51:09</span>
  </div>
  <div class="comment-text">Comment Text....</div>
</div>

Answer 1

As it turns out, the reason for XML error was a “.”

$.(".newCommentSave").live({
// stuff
})

The dot after the dollar sign is what causing this error. At least the code was working fine without it.