A little view that synchronizes a form in the DOM and its backing model via the view object.

form_view.coffee

class FormView extends Backbone.View
  events: ->
    'change :input': 'propogateChangesToModel'

  render: ->
    @syncForm(@$('form'),@model)

  save: (e) ->
    e.preventDefault()
    e.stopPropagation()

    @model.unset("errors")

    @collection.create @model.toJSON(),
      success: (createdResource) =>
        @model = createdResource

      error: (model, jqXHR) =>
        @model.set({errors: $.parseJSON(jqXHR.responseText) })

  syncForm: ($form,model)->
    self = @
    $form.find(':input[name]').each (i,el) ->
      $el = $(el);
      name = $el.attr('name')
      model.bind 'change:'+name, -> $el.val(model.get(name))
      if model.get(name)
        $el.val(model.get(name))
      else
        self.propogateChangesToModel target: el

  propogateChangesToModel: (e) ->
    $el = $(e.target)
    attrs = {}
    attrs[$el.attr('name')] = $el.val()
    @model.set attrs