I am using zurb's foundation as my css framework and unfortunately it won't let me submit the form. Even if I fill out everything and click the submit button nothing happens. Here is my current code.
<div class="row panel clearfix">
<div class="small-9 large-centered columns">
<form action="record-time-out.php" method="POST" data-abide>
<div class="small-8" >
<div class="row">
<div class="small-3 columns">
<label class="right">PURPOSE</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_purpose" required>
<small class="error">Input your purpose.</small>
</div>
</div>
</div>
<div class="small-8">
<div class="row">
<div class="small-3 columns">
<label class="right">DESTINATION</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_destination" required>
<small class="error">Input your destination.</small>
</div>
</div>
</div>
<div class="small-8">
<div class="row">
<div class="small-3 columns">
<label class="right">Expected TIME-IN</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_time" required>
</div>
</div>
</div>
<div class="row">
<div class="small-3 columns">
</div>
<div class="small-9 columns">
<input type="submit" class="button" value="OUT"/>
</div>
</div>
</form>
</div>
</div>