Set Session value using Javascript and retrieving the same using razor umbraco

Questions
1

I have written following code let say in Page 1

<script type="text/javascript">
		
		function setSessionValue()
		{
			var selectedCarNoideId = "1026";					 			
			<%Session["BannerNoideID"] = "'+ selectedCarNoideId +'";%>				
			alert('<%=Session["BannerNoideID"]%>');			
		}

</script>

And now retrieving session value on other page (Scripting File .chtml) using following code.

<h2>Session-:@Session["BannerNoideID"]  </h2>;

In the Page 1 alert PopUp displays “1026” as session value

But In Page 2

tag display following value as a output of session .

“Session-:‘+ selectedCarNoideId +’”

Am I missing any thing ?

This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/72135-set-session-value-using-javascript-and-retrieving-the-same-using-razor-umbraco