title: Jquery Bootstrap TouchSpin plugin and update/reset of one option
body: <p>So I've found a awesome jquery plugin which fits with Bootstrap 3 called <code>TouchSpin</code>. It adds a - and + sign in each side of input and you can control number inside that input with two buttons.</p>
  
  <p>I've tried to update one of settings in <code>TouchSpin</code>, the <code>max</code> value, with on click to some example button. </p>
  
  <p>You can try and edit example here: <a href="http://jsfiddle.net/g8M9g/" rel="nofollow">http://jsfiddle.net/g8M9g/</a></p>
  
  <p>I've added a variable before everything and I try to change that variable on click to button.
  The value in input changes but the max option stays at the old value.</p>
  
  <p>Do anyone now how could be possible to update value for max option?</p>
  
  <p>script:</p>
  
  <pre><code>var maxLL = 100;
  
  $( ".update" ).on("click",function(){
      maxLL = 90;
      $( ".ex_limit" ).val(maxLL - 1);
  
  });
  
  $( ".ex_limit" ).TouchSpin({
      min: 1,
      max: maxLL,
      mousewheel: true,
      stepinterval: 50,
      maxboostedstep: 10000000,
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;input id="ex_limit" name="ex_limit" type="text" class="ex_limit form-control" value="99"/&gt;
      &lt;br/&gt;
      &lt;br/&gt;
      &lt;button class="update btn btn-primary btn-xs"&gt;Update&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>any suggestion or advice is welcome</p>