Skip to main content


I would like to do some actions when a button is clicked but nothing happens when i do the following :






<!DOCTYPE html>



<html>



<head>



</head>



<body>






<input type="button" id="updateButton" value="Update ticket"/>



<br/></br>



<table cellspacing = '10'>



  <tr>



    <td> <b>Result</b></td>



    <td> <div id = 'result'></div> </td>



  </tr>



  <tr>



    <td> <b>Code</b></td>



    <td> <div id = 'code'></div> </td>



  </tr>



  <tr>



    <td> <b>Response</b></td>



    <td> <div id = 'response'></div> </td>



  </tr>



</table>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>



<script>



jQuery(this.$container).find(document).ready(function(){



    jQuery(this.$container).find('updateButton').click(



  console.log('test');    



);



});



</script>



</body>



</html>






Is there something i am missing ?



Thanks.





Please refer the following repository for sample code






https://github.com/freshdesk/fresh-samples/tree/master/jquery