Foundation 5 top bar 'sticky_class' error - zurb-foundation-5

Question

Using the ample code from Zurb Foundation 5 docs:
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1>My Site</h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><span>Menu</span></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="active">Right Button Active</li>
<li class="has-dropdown">
Right Button Dropdown
<ul class="dropdown">
<li>First link in dropdown</li>
<li class="active">Active link in dropdown</li>
</ul>
</li>
</ul>
<!-- Left Nav Section -->
<ul class="left">
<li>Left Nav Button</li>
</ul>
</section>
</nav>
I get the following error in the console: 'Uncaught TypeError: Cannot read property 'sticky_class' of undefined'
Also when I expand the drop down in the menu I get this error: 'Uncaught TypeError: Cannot read property 'dropdown_autoclose' of undefined'
I have checked the foundation.toolbar.js file and both of these seem to be set inside the 'settings':
settings : {
index : 0,
start_offset : 0,
sticky_class : 'sticky',
custom_back_text : true,
back_text : 'Back',
mobile_show_parent_link : true,
is_hover : true,
scrolltop : true, // jump to top when sticky nav menu toggle is clicked
sticky_on : 'all',
dropdown_autoclose: true
},
Can anybody help with this?