Question

I try to bind a function to the click event on input button, but it doesn’t seems to work and method is not called:

<div id='back'>


     <input type="button"/>

     </div>

jQuery:

 $('#back').click(clickOnBackbutton);

              function clickOnBackbutton(){

                console.log('back to menu'); //function not called 

              }

I do not prefer to use onClick event, instead i prefer to use that approach. Thanx in advance.

Answer 1

You should put your code within document ready handler. also note that you are selecting the div tag instead of the input element.

$(document).ready(function(){
   $('#back input[type=button]').click(clickOnBackbutton);
   // $('#back input[type=button]').click(function(){
   //    or do something here
   // });
})