I am wanting to make this function universal, based on button id. It currently works (somewhat) on one div, but there are multiple forms, in multiple divs on the page. Please advise...
var frm_submit_event = function(e) {
var $this = $(this); // the button
var frm = $('#' + selected_form_div + " form");
console.log(frm);
console.log(frm.serialize());
e.preventDefault();
$.ajax({
type: "POST",
url: "classes/forms/ajaxPost.php",
data: frm.serialize(),
dataType: "text",
success: function($result) {
//var obj = jQuery.parseJSON(data); if the dataType is not specified as json uncomment this
$('#' + selected_form_div).html($result);
},
error: function() {
alert('error handing here');
}
});
}
$(document).on("click", '.frm_submit_btn', frm_submit_event);
not sure where to go from here...