Hello I'm begginer in Razor code, also in Jquery:)

I have a few forms on my page, each of them are in <fieldset> forms, with post method and input submit buttons - this works perfectly.

In middle of my page I put jquery slider to let user modificate something by visualization.

In html I have got:

<div class="sliders" id="sliders"></div>
        <div class="slidersview" id="slidersview"></div>

Then in jquery I got simply code:

<script>
 
              $("#sliders").noUiSlider({
                  start: [1],
                  step: 1,
                  behaviour: 'snap',
                  connect: 'lower',
                  range: {
                      'min': [0],
                      'max': [60]
                  }
              });
 
              $('#sliders').Link('lower').to($('#slidersview'), null, wNumb({
                  decimals: 0
              }));
 
</script>

It's nothing complex, but the "only issue" I have got that when some form on my page will be post, value of my slider is lost:( - can You help how I can "remember" this? - How I can store in some hiddenfield? But what when somebody will post any of my earlier forms?

noUiSlider - Getting Started | Refreshless.com

Thanks in advance