AngularJS & scope send local property to parent scope

phone.js

/*
 & scope
 <div ng-app="phoneApp">
     <div ng-controller="AppCtrl">
     <div phone dial="callHome(message)"></div>
     <div phone dial="callHome(message)"></div>
     </div>
 </div>
*/

var app = angular.module("phoneApp", []);

app.controller("AppCtrl", function($scope) {
    $scope.callHome = function(message) {
        alert(message);
    }
})

app.directive("phone", function() {
    return {
        scope: {
            dial: "&"
        },
        template: '<input type="text" ng-model="value">' +
            '<div class="button" ng-click="dial({message:value})">Call Home</div> '
    }
})