[jQuery] Jeditable, Should a rebind be necessary after ajax return?

[imm102]

Hi,

I have 3 fields that im attaching jeditable to. I run my own ajax
function to send the form elements to the edit url. All works fine but
the controls seem to get unbound when i click the submit button in
firefox and chrome. If i submit using the enter key they do not get
unbound. I don't think a rebind should ever be necessary as I am
setting the text of the bound element not replacing it.

Does anyone have a clue whats happening here?

$(document).ready(function() {
            $("#event_details_email").editable(submitEdit, {
                indicator : "Saving...",
                tooltip   : "Click to edit...",
                name : "Editable.EmailAddress",
                id   : "elementid",
                type : "text",
                submit  : "<span class=\"mini_button\">Ok</span>",
                cssclass : "edit_text"
            });
            $("#event_details_phone").editable(submitEdit, {
                indicator : "Saving...",
                tooltip   : "Click to edit...",
                name : "Editable.PhoneNumber",
                id   : "elementid",
                type : "text",
                submit  : "<span class=\"mini_button\">Ok</span>",
                cssclass : "edit_text"
            });
            $("#event_details_description").editable(submitEdit, {
                indicator : "Saving...",
                tooltip   : "Click to edit...",
                name : "Editable.Description",
                id   : "elementid",
                type : "textarea",
                submit  : "<span class=\"bigger_button\">Ok</span>",
                cssclass : "edit_textarea"
            });
            function submitEdit(value, settings)
            {
                 var edits = new Object();
                 var origvalue = this.revert;
                 var textbox = this;
                 var result = value;
                 edits[settings.name] = [value];
                 var returned = $.ajax({
                                          url: "http://localhost/edit/
34",
                                          type: "POST",
                                          data : edits,
                                          dataType : "json",
                                          complete : function (xhr,
textStatus)
                                                     {
                                                          var response
=  $.secureEvalJSON(xhr.responseText);
                                                          if
(response.errorMsg != "")
                                                          {
                                                            //alert
("error setting back to "+origvalue);
 
$.jGrowlError(response.errorMsg);
                                                            result =
origvalue;
                                                            $
(textbox).text(result);
                                                            //return
                                                          } else {
                                                          //alert
("success");
 
$.jGrowlSuccess("Update successful");
                                                              $
(textbox).text(result);
                                                              //return
                                                          }
                                                     }
                                        });
                 return(result);
            }
            $.jGrowl.defaults.position = "bottom-left";
        });

Thanks,