var ChatView = View.extend({

  template: $("#collaborator-template").html(),

  events: {
    "submit form": "send"
  },
  
  initialize: function(){
    this.$msg = this.$("#message")
    this.$messages = this.$("#messages")
  },
  
  add: function(msg){
    var $el = $( this.template )
    $el.find(".nick").html(msg.nick)
    $el.find(".msg").html(msg.msg)
  },
  
  send: function(){
    var msg = {}
    msg.room = room.name()
    msg.msg = this.$msg.val()
    msg.nick = user.username
    // app.socket.send("message", msg)
  },
  
  empty: function(){
    this.$messages.empty()
  }

})