I can't figure out why the ngShow and ngHide directives aren't working. Here is a simplified version of the problem.

```
<div id="callFunction" ng-click="myFunction()">content here</div>
<div id="contactInfo" ng-show="showContent">content here</div>

```

In controller

```
$scope.showContent = false;

$scope.myFunction = function() {
    $scope.showContent = true;
}

```

The "contactInfo" div never shows when I click the "callFunction" div.