ng-repeat not working when include jQuery

I'm using zurb-foundation with AngularJS.

I have the following code:

<div class="row full" ng-controller="Movies">
    <div class="large-3 columns">    
        <form class="custom">
            <select id="customDropdown" class="small button dropdown secondary radius">
                <option DISABLED SELECTED>Movie selection</option>
                <option ng-repeat="movie in movie_list.movies">{{movie.name}}</option>
            </select>
        </form>
    </div>
</div>

function Movies($scope) {
    $scope.movie_list = { movies : [{name:'Movie1'}, {name:'Movie2'}]}; 
}

I have included the jQuery plugin, because it is needed for foundation. When jQuery is not included the code works fine, but when I include jQuery then nothing is shown in the dropbox, and all the text that should be there is at the bottom of the page.