 
   deserializeInput: ->
     # TODO implement
-    @$input.val()
+    document.createTextNode(@$originalInput.val())
 
   _ensureInput: (element)->
     @$originalInput = $(element)

    @_current = null

  populateInput: =>
    console.log "Populate input with '#{@serializeEditable()}'"
    @$input?.val(@serializeEditable())

  serializeEditable: ->
    textNodes = []

    @$wrap = $('<div class="mentions-kinder-wrap"></div>')
    @$editable = $('<pre class="mentions-kinder-input form-control" contenteditable="true"></pre>')
    @$input = $("<input type='hidden' name='#{@$originalInput.attr('name')}'/>")
    @$input.val(@$originalInput.val())
    @$editable.addClass(@$originalInput.attr("class")).html(@deserializeInput())

    @$wrap.insertAfter(@$originalInput)
    @$originalInput.hide().appendTo(@$wrap)
    @$input.appendTo(@$wrap)
    @$editable.appendTo(@$wrap)

  _setupEvents: ->
    @$editable.bind 'keypress', @handleInput
