Q:

Tabs in Foundation CSS

I am designing my website project based on Foundation CSS in responsive view.  Because I need to add tabs, I went through this site http://foundation.zurb.com/old-docs/f3/tabs.php.  I need to add pill-style tab. 
<dl class="tabs pill">
  <dd class="active"><a href="#pillTab1">Pill Tab 1</a></dd>
  <dd><a href="#pillTab2">Pill Tab 2</a></dd>
  <dd class="hide-for-small"><a href="#pillTab3">Pill Tab 3</a></dd>
</dl>

I have added this code.  I got just pill Tab 1, pill Tab 2, pill Tab 3.  I am not getting the pill sytle tab.  What are the steps I need to do? 

A:

Working here  http://jsfiddle.net/KD2bS/2/
Please add a script 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.foundation.tabs.js"></script>

<script type="text/javascript">
$('document').ready(function(){
    $(document).foundationTabs();
});
</script>

