Foundation v5 Unrecognized Expression Syntax Namespace Fix

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.