backbone example - serialize form + update on change

myview.js.coffee

window.MyView = Backbone.View.extend({
  initialize: ->
    _.bindAll(this,'render')
    this.template = window.JST["MyView"]
    this.model.bind('change', this.render)

  render: ->
    $(this.el).html(this.template(this.model.toJSON()))

  events: {
    'change':'update'
  }
  
  update: ->
    form = this.$("form").serializeObject()
    this.model.set(form)

serializeObject.js.coffee

jQuery.fn.serializeObject = ->
  arrayData = @serializeArray()
  objectData = {}

  $.each arrayData, ->
    if @value?
      value = @value
    else
      value = ''

    if objectData[@name]?
      unless objectData[@name].push
        objectData[@name] = [objectData[@name]]

      objectData[@name].push value
    else
      objectData[@name] = value

  return objectData

I found it helpful to compile templates into JavaScript, so that they don't have to be included in the page https://gist.github.com/1977676

Great, thanks guys.