AngularJs directives issue

I have created two directives and included them in my html. However, only the first one executes and nothing after it.

<div ng-app="myApp">
    <div ng-controller="MyCtrl">
        <div directive-one=""/> 
        <div directive-two=""/>
        <div> Hello I am {{name}} and I am {{age}} years old!</div>
    </div>

    <script type="text/ng-template" id="myTemplate.html">
        <div>Name: <input type='text' ng-model='name'/></div>
    </script>
</div>

Javascript:

var app = angular.module('myApp', []);

app.controller('MyCtrl', function ($scope) {
    $scope.name = "Jason";
    $scope.age = "20";
});

app.directive('directiveOne', function () {
    return {
        replace: true,
        template: "<div>Age: <input type = 'text' id = 'age' ng-model='age'>
                  </input></div>"
    }
});

app.directive('directiveTwo', function () {
    return {
        replace: true,
        templateUrl: "myTemplate.html"
    }

});

Here is the fiddle: DEMO

Can't figure out what the issue is. Any help is appreciated.