jquery - Passing data from jsp to javascript -

i have ajax call returns html, call $("#my-div").html(data) in javascript.

however, using twbspagination requires setting element through javascript.

the html element defined as

<input type="hidden" name="totalpagecount" id="totalpagecount" value="${totalpagecount}"/> <ul id="pagination" class="pagination-sm"></ul> 

and javascript is:

   callingfunction() {      data = doajaxcall().done(myfunction);    }    myfunction(data) {      $('#pagination').twbspagination({             totalpages: $("#totalpagecount").val(),             visiblepages: 5,             onpageclick: function (event, page) {                 ...             }         });       $("#my-div").html(data);   } 

even though have confirmed hidden field totalpagecount has right value, $("#totalpagecount").val() returns empty string. i'm guessing because it's looking element exists inside html of data, not part of jquery looking at.

what standard way pass kind of data?

i able solve switching around order executed javascript.

 $("#my-div").html(data);   $('#pagination').twbspagination({         totalpages: $("#totalpagecount").val(),         visiblepages: 5,         onpageclick: function (event, page) {             ...         }     }); 

by replacing html first, jquery able find element.