session variable value on jsp is not getting updated on ajax call every second. It gets reflected only after page refresh [duplicate]

Below is the JS code snippet for AJAX call every 1 sec to fetch the value of session attribute and print on UI

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
       setInterval(function ()
        {
        <%
            HttpSession session = request.getSession(false);
            if (session != null && session.getAttribute("invalidMaskedMSISDNCount") != null) {
                %>var invalidMaskedMSISDNCount = "<%=session.getAttribute("invalidMaskedMSISDNCount")%>" ;
        <% }
        %>
           $('#failedToMaskMSISDNCount').text(
                        'The count of MSISDN failed to mask is '
                                + invalidMaskedMSISDNCount);
        },1000);

    });
</script>

The variables gets updated only on refresh page. However below code snippet to calculate random number on client side and print on UI on AJAX call every 1 sec works perfectly.

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
   $(document).ready(
        function() {
            setInterval(function() {
                var randomnumber = Math.floor(Math.random() * 100);
                $('#show').text(
                        'I am getting refreshed every 1 seconds..! Random Number ==> '
                                + randomnumber);
            }, 1000);
        });

Below is the div for above two calls.

<div id="failedToMaskMSISDNCount" align="center"></div>
 <div id="show" align="center"></div>

Backend code is in java.

Any help is appreciated!