function setClickableEdit(event) {
  consoleLog("thesaurus - setClickableEdit -=-=-=-=-=--=-=-=-=-=--=-=-=-=-=-");

  var tgt = $(event.target);
  var id = $(tgt).parents(".edit").children(".id").text();
  var revert = $(tgt).html();
  var input = '<span><input type="hidden" id="id" name="id" value="' + id + '" /><input type="text" id="inplace" name="inplace" value="' + revert + '" style="display:inline;" />';
  var cancel     = 0;

//  consoleLog("cancel: " + cancel);

  var doAlert = function () {
    if (cancel !== 0){
      return;
    }
    cancel = 1;
    alert("lets cancel");
  }

  $(tgt).after(input).remove();
  $("#inplace").focus();

  // kinda like $("#inplace").keypress.push(function(){...});
  // as if keypress was just a list.  The function _isn't_ called
  // right now.
  $("#inplace").keypress(function(e){
    var content = $("#inplace").val();

    if (e.which == 13) {
      saveChanges(this, false, event, id, revert, $("#inplace").val(), false);
    } else if (e.which == 27) {
      doAlert();
      consoleLog("cancel: esc - " + cancel);
    }
    return cancel;
  });

  $("#inplace").blur(doAlert);
}

function cancelChanges(tgt, revert){
  consoleLog("come on, cancel us!");
  var  textWrapper   = '<span id="textWrapper-'+ id + '" class="edit textWrapper">'+revert+'</span>';
  var revertWrapper  = '<span class="revertText hidden">' + revert + '</span>';

  alert("tgt: " + $(tgt).attr("id"));

  revertInplace(this, textWrapper, revertWrapper);
}