javascript - Updating jquery slider max value from initial slider -

I have 2 slider, slider 1 and slider 2, depending on the value of slider 2, So if the value of slider 1 is 100, then the maximum value for slider 2 would be 100. I do not understand how to implement it I have seen many guides online but for some reason they are not working.

  $ (function () {$ ("# slider1") .slider ({range: "min", value: 1, min: 1, max: 250, slide: function (event) , ($ ("$ Value")> $ ("#amount, #endpoints_c") .val ("" + ui.value); if ($ ("# Slider1"). {} = "15") { $ ("# Sliderb"). Feidin ("sharp")} ($ ("# slider1"). Slider ("value") & lt; = "14") {$ ("# sliderb") fadeOut (. "Fast")}}}); $ ("#amount") .val ("" + $ ("# Slider1") .slider ("value")); $ ("# Slider2"). Slider ({category $ ("# Amount2"). $ ("# Zodiac 2, #lindemember"). $ ("" "Value"), "minimum", value: 1, min: 1, max: 250, slide: function (event, + $ ("# Slider2"). Slider ("value"); $ ("# genex $ "(" # Optionset1 ") .fadeOut (" fast "); $ (" # optionset2 ") .fadeIn (" fast ");}); $ (" #goprev ") .click (function () {$ ("# optionset2") .FadeOut ("sharp"); $ ("# optionset1") .FadeIn ("fast");});});   
 Here's HTML:  
  
 
 & Lt; Div id = "slider1" class = "bar" & gt; & Lt; / Div & gt; & Lt; Input type = "text" class = "amount" id = "zodiac" disabled / & gt; & Lt; / Div & gt; & Lt; Br = clear = "all" /> & Lt; Div id = "sliderb" square = "slider" style = "display: none;" & Gt; & Lt; H1 & gt; Slider2 & lt; / H1> & Lt; Div id = "slider2" square = "bar" & gt; & Lt; / Div & gt; & Lt; Input type = "text" class = "zodiac" id = "amount2" disabled / & gt; & Lt; / Div & gt; & Lt; Br = clear = "all" /> & Lt; Button value = "Next" id = "gone" & gt; Next & lt; / Button & gt; & Lt; / Div & gt; & Lt; Div id = "optionset2" class = "slider" & gt; & Lt; P & gt; & Lt; Link rel = "stylesheet" type = "text / css" media = "all" href = "? S = d8fbeb2c5a04ce & c = 1" "? S = d8fbeb2c5a04ce & c = 1" href = & gt; & Lt; Script type = "text / javascript" language = "javaScript" src = "? Include / javascript / sugar_grp1.js s = d8fbeb2c5a04ce & c = 1" src = "include / javascript / sugar_grp1.js s = d8fbeb2c5a04ce & amp; ? C = 1 "& gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "jscalendar / lang / calendar-en.js s = d8fbeb2c5a04ce & amp; c = 1" src = "jscalendar / lang / calendar-en.js s = d8fbeb2c5a04ce & amp ;? C = 1 "& gt; & Lt; / Script & gt; & Lt; / P & gt; & Lt; Style & gt; .rcstyles input {width: 130px;} & lt; / Style & gt;    
 
 
:  
  $ ("# slider2 ") .slider (" option "," max ", ui.value);   
 On the slide function of your first slider.