ng-keyup doesn't do function - css

Question

I'm trying to figure out how ng-keyup works and I found some tutorials and sources, but when I tried to make one myself it doesn't work. You can see my codepen example here, http://codepen.io/alucardu/pen/XbOWRP and this is a JSfiddle example I tried to recreate http://jsfiddle.net/r74a5m25/.
html
<div ng-app>
<div ng-controller="exampleCtrl">
<input ng-model="test" ng-keyup="search()" />
<br/>
<span>{{test}}</span>
</div>
</div>
javascript
function exampleCtrl($scope) {
$scope.search = function() {
alert('test');
};
}

Answer 1

This problem come from the version of your angular. The earliest doc I can find in angularjs about ng-keyup is on the version 1.1.2. And you are using the previous version, 1.1.1.
Personnaly, I try with 1.2.0 in your codepen and it works
: https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js
This version is use in the JSFiddle that's why it works fine there.

Answer 2

You didn't use ng-keyup in the example. You have to bind your function to your input, just like you do with ng-model:
<input ng-model="test" ng-keyup="search()"/>

Answer 3

You need to try down with latest version of angularjs. The formats should be maintained.
<div ng-app="testApp">
<div ng-controller="exampleCtrl">
<input ng-model="test" ng-keyup="search()" />
<br/>
<span>{{test}}</span>
</div>
</div>
Javascript
myApp = angular.module("testApp",[]);
myApp.controller("exampleCtrl",function($scope){
$scope.search=function(){
alert("test");
}
});