Can someone tell me why this simple angularjs jsfiddle not working?

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

myApp.controller('MyCtrl', ['$scope', function MyCtrl($scope) {
    $scope.name = 'Superhero';
}]);

and

<div ng-app="myApp" ng-controller="MyCtrl">

    Hello, {{name}}!

</div>

results in

Hello, {{name}}!

Solution

Remove ng-app="myApp" from the div tag.
Click the gear icon in the top right corner of HTML and in the BODY TAG field enter <body ng-app="myApp">.
Click the gear icon in the top right corner of JavaScript and in the LOAD TYPE select No wrap - in <body>
Click Update then Run.
Profit!