Question

Probably a rookie mistake, but my #button_1 ID isn’t affected by the click() or hover() jQuery effects.

If someone could take a quick look at my JSFiddle, it would be greatly appreciated.

It’s probably pretty obvious, but I want #button_1 to act as every other button. 🙂

Again, I suspect it’s a pretty stupid mistake, something that I’ve overlooked.

Answer 1

Don’t repeat so much code , try this and its working

Try line by line , its throwing error in somewhere in the code and breaking the bind events.
you have some error in hover or so , remove everything and have bind events, they are work.

You know this right ,when line 1 breaks in documentready , all bindings below may not get binded.

$(document).ready( function () {

   $('#button_1,#button_2').click(function() {
  alert('Handler for .click() called.');

   });

});