Angular's ng-blur on input field not working
<p>Ok, so I'm pretty sure I'm missing something obvious, but I'm not seeing it.</p>

<p>I created a <a href="http://jsfiddle.net/LurjLvz7/5/" rel="noreferrer">fiddle</a> that I would have thought would throw an alert message when the input box loses focus, but it's not working and I don't know why.</p>

<p>I was expecting an alert message when the user performs the following steps:</p>

<ol>
<li>click the input box</li>
<li>type something</li>
<li>click somewhere outside of the input box</li>
</ol>

<p>but these steps do not show an alert message.</p>

<p>Surely, someone knows what I'm doing wrong...? </p>

<p>Here's the code (same as the fiddle):</p>

<pre><code>&lt;div ng-app&gt;
  &lt;div ng-controller="MyCtrl"&gt;  
    &lt;form name="myForm"&gt;
      &lt;input type="text" ng-model="todoText" size="30"
         name="myInput" ng-blur="validate(myForm)"&gt;
    &lt;/form&gt;
  &lt;/div&gt;
&lt;/div&gt;

function MyCtrl($scope) {
  $scope.validate = function(form) {
    alert('blur!');
  };
}
</code></pre>