Toolin around with try-jasmine.heroku.com

inline.coffee

$("#edit").live "click", ->
  $('.editable').each (i, el) ->
    input = $('<input/>',
      id: $(el).attr('id') + '_field'
      value: $(el).text()
    )
    $(el).append(input)

inline_spec.coffee

describe "pressing the edit button", ->
  container = undefined
  button = undefined

  beforeEach ->
    @$container = inject('my-form')
    @$editable_div = @$container.inject(
      el: 'div'
      class: 'editable',
      id: 'full_name'
      text: 'Rick Pulaski'
    )
    @$button = inject(
      el: 'button'
      id: "edit"
    )

  it "switches editable fields to inputs with value in field", ->
    $("#edit").click()
    expect($("#full_name_field").val()).toEqual "Rick Pulaski"