javascript - Foundation 5 reveal modal does not open -

javascript - Foundation 5 reveal modal does not open -

i have been working foundation 5, reveal modal not trigger , i'm totally @ loss.

here's modal code

<td> <a href="#" data-reveal-id="modal">delete</a> <div id="modal" class="reveal-modal medium" data-reveal> <p></p> <p>please confirm</p> <a class="button radius">confirm</a> <a class="close-reveal-modal">x</a> </div> </td>

and order of scripts in right order before closing body tag.

<script src="/js/vendor/modernizr.js"></script> <script src="/js/vendor/jquery.js"></script> <script src="/js/foundation.min.js"></script> <script> $(document).foundation(); </script>

i have tried wrap $(document).foundation(); in $(document).ready(function(){, nil happening. alert boxes work fine, i'm baffled problem reveal modals.

any help appreciated. thanks.

the reason happening, perhaps because modal should direct kid of "body" element. should not part of "td" element.

i found reply on page: http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open

javascript zurb-foundation zurb-reveal