Example of tangled code for refactoring

tangled-spec.js

describe("pressing the done button", function() {
  var container, input, button, welcome;
  beforeEach(function() {
    container = $("div");
    input = $("<input>", {"class": "name"});
    button = $("<button>", {"class": "done"});
    welcome = $("<div>", {"id": "welcome"});
    container.append(input, button, welcome);
    $("body").append(container);
  });
  
  afterEach(function() {
    container.remove();
  });
  
  it("displays welcome with first name from input", function() {
    input.val("Dr. John Doe");
    button.click();
    expect(welcome.text()).toEqual("Welcome, John!");
  });
});

tangled.js

$("button.done").live("click", function() {
  var name = $("input.name").val();
  name = name.split(" ");
  if(name[0] == "Mr." ||
     name[0] == "Mrs." || 
     name[0] == "Dr.") {
    name.shift();
  }
  $("#welcome").text("Welcome, " + name[0] + "!");
});