Recently whilst trying to use the Zurb Foundation Abide validation component I ran into an issue where I was getting a bizarre error involving form validation.
The error message might vary, but it’ll look similar to this: Error: Syntax error, unrecognized expression: [data-‘Times New Roman’-abide]
The issue stems from the fact Foundation utilises an internal namespace. All you have to do is set the namespace to be blank and everything appears to start working:
Foundation.global.namespace = ''; $(document).foundation();
That one line above the jQuery.foundation() call will force the namespace to be blank and Foundation won’t try setting it. Problem solved.