Anular Evento Click JQuery preventDefault
https://pt.stackoverflow.com/questions/267075/anular-evento-click-jquery-preventdefault/267077
HTML
<li class="waves-effect"><a href="#" data-href="./">Google</a></li>
<li class="waves-effect"><a href="#" data-href="./">Globo.com</a></li>
CSS
.active {
font-weight: bolder;
color: red;
}
JavaScript
$(function() {
$('.waves-effect a').click(function(e) {
e.preventDefault();
var element = $(this)
var url = element.data('href');
$.ajax({
type: "GET",
url: url,
success: function(response) {
$('#form').html(response)
},
complete: function() {
$('.waves-effect a').removeClass('active')
element.addClass("active");
}
});
});
})