Angularjs twitter bootstrap ng-click

Can't get the call to logout() to work

HTML

<script src="http://code.angularjs.org/1.0.0rc8/angular-1.0.0rc8.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<div ng-app="myApp" ng-controller="MainCtrl" class="navbar navbar-static-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="#">My Brand</a>
            <ul class="nav" ng-show="isLoggedIn">
                <li class="dropdown active">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{username}}<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a ng-click"logout()" href="">Logout</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

JavaScript

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

app.controller("MainCtrl", function($scope) {

    $scope.username = 'John';

    $scope.isLoggedIn = true;

    $scope.logout = function() {

        console.log('Log out');
        $scope.isLoggedIn = false;
        $scope.username = '';
    }
});