TouchSpin - Dynamically Change Max Setting

HTML

<script src="http://cdn.virtuosoft.eu/virtuosoft.eu/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://cdn.virtuosoft.eu/virtuosoft.eu/bootstrap/css/bootstrap.min.css">
<script src="http://www.virtuosoft.eu/code/bootstrap-touchspin/bootstrap-touchspin/v2.3.0/bootstrap.touchspin.js"></script>
<div class="container">
<input id="ts" name="ts" type="text" class="ex_limit form-control" value="99"/>
    <br/>
    <br/>
    <button class="update btn btn-primary btn-xs"onClick="go">Update</button>
</div>

CSS

.container{
    width:250px;
}

JavaScript

var maxLL = 100;

$( ".update" ).on("click",function(){
    maxLL = 90;
    $( ".ex_limit" ).val(maxLL - 1);
    $( ".ex_limit" ).trigger("touchspin.updatesettings", {max: maxLL});
    
});
function go() {$( ".ex_limit" ).TouchSpin({
    min: 1,
    max: maxLL,
    mousewheel: true,
    stepinterval: 50,
    maxboostedstep: 10000000,
});

         }
          
          
$( ".ex_limit" ).TouchSpin({
    min: 1,
    max: maxLL,
    mousewheel: true,
    stepinterval: 50,
    maxboostedstep: 10000000,
});