AngularFire Input Empy Value Bug

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/2.2.7/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/1.1.1/angularfire.min.js"></script>
<div ng-controller="itemsCtrl">
    <form novalidate>
        <input type="text" ng-model="sampleData.name" required>
    </form>
</div>

JavaScript

var myapp = angular.module('myapp', ['firebase']);

myapp.controller('itemsCtrl', function ($scope, $firebaseObject) {
    $scope.sampleData = {}
    
    var ref = new Firebase("https://xdplayground.firebaseio.com/inputGlitch");
    var fb = $firebaseObject(ref);
    fb.$bindTo($scope, "sampleData");
    
});