jQuery buttons clicked

i was trying jQuery with angularjs so made a simple app contains index.html and first.html, second.html, third.html, fourth.html each of subpages contains a button when u click it the background-color changes.

Code: i coded the fourth slightly different by attaching the function to the $scope whereas the other three are using just a jQuery function inside their controllers.

View: all buttons work fine but the fourth one on the fourth page needs to be clicked twice in order to work.

Notice: no errors at all in the console.

Here is my repo on github: https://github.com/shireefkhatab/ng-query And the site view http://shireefkhatab.github.io/ng-query

Thank you in advance.