jquery - How to use unobtrusive JavaScript approach to call a function using anchor tag? -

there number of questions on , tried them out. having issue following anchor tag acts button. why isn't link click event calling function?

try 1:

<a href="#" class="btn" id="btnsubmit" data-type="submit">submit</a> 

try 2:

<a href="javascript:void(0)" class="btn" id="btnsubmit" data-type="submit">submit</a> 

js code:

<script>     $("#btnsubmit").click(function(){         dbdata = <%=jsscripts()%>;           addall(0, this);     }); </script> <script type="text/javascript" src="cart_test.js"> </script> 

note:

please note particular js function works when it's called under dom load event listener.

---

update:

dbdata array , addall() function defined in cart_test.js file. seems, following script not fired after click function event.

<script type="text/javascript" src="cart_test.js"> </script> 

the order of js:

<script>     document.addeventlistener("domcontentloaded", thedomhasloaded, false);         function thedomhasloaded(e) {          //datepicker stuff } </script>  <script>          $("#btnsubmit").click(function(){     }); 

<script type="text/javascript" src="cart_test.js"> </script> 

well, adding answer since how got solved. order of execution.

there script snippet jquery ui datepicker. somehow blocking above stated scripts supposed first scripts run in page.

after removing datepicker script (it can other script, not necessary datepicker.) , adjusted order of execution, programme flow normal , scripts firing expected.