JQuery form submit + HTML 5 place holder conflict SOLUTION

<form id="sampleForm" >

  <input type="text" id="studentID" required />

  <button type="submit"> Submit </button>

</form>

$('#sampleForm').on('submit', function(e) { //use on if jQuery 1.7+        

e.preventDefault();  //prevent form from submitting/refreshing       
    });

MODAL SOLUTION

$('#myModal').modal('toggle');