Fundación 5 revela modal no funciona
Buen día a todos,
Estoy usando Foundation 5 para mi mini proyecto. Quiero usar la función revelar / modal del marco. Pero parece que no funciona.
index.html
<!DOCTYPE html>
<html>
<head>
<title>Job Posting</title>
<link rel="stylesheet" type="text/css" href="../css/normalize.css">
<link rel="stylesheet" type="text/css" href="../css/foundation.min.css">
<script type="text/javascript" src="../js/vendor/custom.modernizr.js"></script>
</head>
<body>
<a href="#" class="button" data-reveal-id="myNormal">click</a>
<div class="reveal-modal" id="myNormal">
Modal
<a class="close-reveal-modal">x</a>
</div>
<script src="../js/vendor/jquery.js"></script>
<script src="../js/foundation/foundation.js"></script>
<script src="../js/foundation/foundation.reveal.js"></script>
<script>
$(document).foundation();
</script>
</body>
Estoy bastante seguro de que el navegador cargó el js ya que no muestra ningún error en el depurador. Y sé que en algún lugar del código que omití, han pasado un par de horas desde que me topé con esto. Cualquier ayuda sería muy apreciada.