rightson/backbone1-model-bind.html

## backbone1-model-bind.html
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title> Learning about Bacjbone.js </title>
</head>
<body>
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script type="text/javascript">

  Person = Backbone.Model.extend({
    initialize: function() {
      console.log("hello world!");
      this.bind("change:name", function() {
        alert('change!');
        console.log(person.get('name'));
      });
    },
    defaults: {
      name: "Scott",
      height: "unknown"
    }
  });
  var person = new Person();
  console.log(person.get('name'));
  person.set({name: "Steven"});
  console.log(person.get('name'));

</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title> Learning about Bacjbone.js </title>
	</head>
	<body>
	<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
	<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
	<script type="text/javascript">

	Person = Backbone.Model.extend({
	initialize: function() {
	console.log("hello world!");
	this.bind("change:name", function() {
	alert('change!');
	console.log(person.get('name'));
	});
	},
	defaults: {
	name: "Scott",
	height: "unknown"
	}
	});
	var person = new Person();
	console.log(person.get('name'));
	person.set({name: "Steven"});
	console.log(person.get('name'));

	</script>
	</body>
	</html>