diff --git a/demo.html b/demo.html
new file mode 100644
index 0000000..dd8024c
--- /dev/null
+++ b/demo.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+<head>
+
+<meta charset="utf-8">
+
+<title>dat-gui</title>
+
+<link rel="import" href="gui.html">
+
+</style>
+
+</head>
+<body>
+
+<script src="../underscore/underscore.js"></script>
+
+<script>
+  
+Gui.ready( init );
+
+var object;
+
+function init() {
+
+    var gui = new Gui();
+
+    object = {
+        numberProperty: 0, 
+        stringProperty: 'hey',
+        booleanProperty: false,
+        functionProperty: function() {
+
+        }
+    }
+
+    gui.add( object, 'numberProperty', 0, 1 ); // Slider
+    gui.add( object, 'stringProperty' ); // Text box
+    gui.add( object, 'booleanProperty' ); // Check box
+    gui.add( object, 'functionProperty' ); // Button
+
+    console.log( gui );
+
+}
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/elements/controller-base/controller-base.html b/elements/controller-base/controller-base.html
index 5aebdbc..ca724b6 100644
--- a/elements/controller-base/controller-base.html
+++ b/elements/controller-base/controller-base.html
@@ -2,4 +2,4 @@
 
 <script src="controller-base.js"></script>
 
-<polymer-element name="controller-base" attributes="object path"></polymer-element>
\ No newline at end of file
+<polymer-element name="controller-base" attributes="object path value"></polymer-element>
\ No newline at end of file
diff --git a/elements/controller-base/controller-base.js b/elements/controller-base/controller-base.js
index 9fb976c..312fefc 100644
--- a/elements/controller-base/controller-base.js
+++ b/elements/controller-base/controller-base.js
@@ -26,31 +26,33 @@ Polymer('controller-base', {
         this.object = object;
         this.path = path;
 
-        if ( this._observer ) {
-            this._observer.close();            
-            delete this._observer;
-        }
+        // if ( this._observer ) {
+        //     this._observer.close();            
+        //     delete this._observer;
+        // }
 
-        var _this = this;
+        this.bind('value', new PathObserver(this.object, this.path));
 
-        this._observer = new PathObserver( this.object, this.path );
-        this._observer.open( function( newValue ) {
+        // var _this = this;
 
-            _this.value = newValue;
+        // this._observer = new PathObserver( this.object, this.path );
+        // this._observer.open( function( newValue ) {
 
-        } );
+        //     _this.value = newValue;
 
-        this.value = this.object[ this.path ];
+        // } );
+
+        // this.value = this.object[ this.path ];
 
     },
 
     valueChanged: function() {
 
-        if ( this._observer ) {
+        // if ( this._observer ) {
             
-            Path.get( this.path ).setValueFrom( this.object, this.value );
+        //     Path.get( this.path ).setValueFrom( this.object, this.value );
 
-        }
+        // }
         
         this.update();
 
