Jquery button click event not firing

Question

seems like a simple issue but the solutions to the other problem don't seem to work from me.

Trying to trigger a AJAX request from a button click but it doesn't seem to be firing.

example HTML

<button class="remove_weight_button" id="15">x</button> 

javascript

$(".remove_weight_button").click(function(){     var button_id = $(this).attr("id");     $.ajax({         type: "POST",         url: "weight_tracker_process.php",         data: {             weight_id: button_id,             action: "remove"         },         success: function(){             getWeightData();         },         error: function(){             alert("data removal error");         }     });     return false; }); 

Answer 1

The code you have works fine in fiddle. Is your button being dynamically rendered through AJAX after the initial page load?

Use

$(document).on("click", ".remove_weight_button", function(){ 

instead of

$(".remove_weight_button").click(function(){