jQuery Two Way Data Binding Example

gistfile1.txt

<input id="input" type="text">
<br>
This is the message: <span id="output"></span>
<script type="text/javascript">
  var $input = $('#input');
  var $output = $('#output');
  // A controller for getting/setting the bound variable
  var message = {
    content: null,
    get: function() {
     return this.content;
    },
    set: function(val) {
     this.content = val;
     $output.html(val);
     $input.val(val);
    }
  };
  // Listens for changes in input
  $input.on("keyup", function() {
   message.set($(this).val());
  });
  message.set('jQuery data binding is far less sexy.');
</script>