<form class="trainee-form" id="question-bank" action="./libs/create-question.php" method="POST" enctype="multipart/form-data">
<label class="legend">Upload Question Bank</label>
<div class="form-controls">
<label class="control-label" for="upload_question">Choose file:</label>
<div class="controls">
<input type="file" name="upload_question" id="upload_question" />
</div>
</div>
<div class="form-controls">
<label class="control-label" for="upload"></label>
<div class="controls">
<button type="submit" id="upload">UPLOAD</button>
</div>
</div>
</form>
<script>
$(document).ready(function(){
$('#question-bank').submit(function(){
$.ajax({
url: $('#question-bank').attr('action'),
contentType:$('#question-bank').attr('enctype','multipart/form-data'),
fileElementId: $('#upload_question').val(),
dataType:'json',
success: function(e){
$('div.dialog').html(e);
}
});
return false;
});
});
</script>