Apologies for the simple question, but I'm experiencing an issue where nothing happens when the button is pressed. Any assistance would be greatly appreciated.
AJAX
$(document).on("ready", function(){
//Form action
$("#wbForm").on("submit", function(event){
event.preventDefault();
$.ajax({
type:'POST',
url: '/pages/games/game-2-ajax.php',
data:$('#wbForm').serialize(),
success: function(response) {
$('#contenthere').find('.result').html(response);
}});
});
});
HTML
<div id="contenthere"></div>
<form method="POST" id="wbForm" action="/pages/games/game-2-ajax.php">
<input type="number" class="form-control" id="count" style="height:25px; width:100px;" name="wager" value="" min="00.25" max="25" step="00.25" numberFormat="1.00">
<input type="button" class="btn btn-light" data-quantity=".5" value="/
2">
<input type="button" class="btn btn-light" data-quantity="2" class="mnozstvi_sleva" value="x
2">
<input type="submit" id="bet" class="btn btn-light" value="Bet"/>
</form>