title: jQuery input number spinner
body: <p>I have this code for jQuery spinner up-down number :</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="input-group spinner"&gt;
      &lt;input type="text" class="form-control" value="42"&gt;
      &lt;div class="input-group-btn-vertical"&gt;
        &lt;div class="btn btn-default"&gt;&lt;i class="fa fa-caret-up"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;div class="btn btn-default"&gt;&lt;i class="fa fa-caret-down"&gt;&lt;/i&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS: </p>
  
  <pre><code>(function ($) {
    $('.spinner .btn:first-of-type').on('click', function() {
      $('.spinner input').val( parseInt($('.spinner input').val(), 10) + 1);
    });
    $('.spinner .btn:last-of-type').on('click', function() {
      $('.spinner input').val( parseInt($('.spinner input').val(), 10) - 1);
    });
  })(jQuery);
  </code></pre>
  
  <p>This Worked But I need to add two option:</p>
  
  <ul>
  <li>prevent user add number to input</li>
  <li>set Maximum and Minimum for number</li>
  </ul>
  
  <p>How do add this option?!</p>
  
  <p>DEMO <a href="http://jsfiddle.net/7jtLa3py/1/" rel="nofollow">FIDDLE</a> </p>