JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.jsdelivr.net/foundation/4.2.3/css/foundation.min.css">
<script src="https://raw.github.com/zurb/foundation/master/js/foundation/foundation.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
var questions = [
'Do you give me Your money for free',
'Do i have to pay back',
'Can I borrow Your car',
'Do we rly need this :)'
];
$( "#tags" ).autocomplete({
source: questions
});
});
</script>


<div class="row">
 <form class="custom">
 <fieldset>
 <legend>Fieldset</legend>
 <div class="row">
  <div class="large-12 columns ui-widget">
   <label for="tags">Input Label</label>
    <input id="tags" type="text" placeholder="large-12.columns">
  </div>
 </div>
</div>    

<script>
document.write('<script src=' + ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') + '.js><\/script>')
</script>

<script>
$(document).foundation();
</script>