$(document).ready(function() {
                
             $("input[name='demo1']").TouchSpin({
                min: 0,
                max: 100,
                step: 0.1,
                decimals: 2,
                boostat: 5,
                maxboostedstep: 10,
                postfix: '%'
            });

             $("input[name='demo2']").TouchSpin({
                min: -1000000000,
                max: 1000000000,
                stepinterval: 50,
                maxboostedstep: 10000000,
                prefix: '$'
            });


              $("input[name='demo3']").TouchSpin();

               $("input[name='demo3_21']").TouchSpin({
                initval: 40
               });

                $("input[name='demo3_22']").TouchSpin({
                initval: 40
               });

                $("input[name='demo4']").TouchSpin({
                postfix: "a button",
                postfix_extraclass: "btn btn-dark btn-sm"
            });

                 $("input[name='demo4_2']").TouchSpin({
                postfix: "a button",
                postfix_extraclass: "btn btn-dark btn-lg"
            });

            $("input[name='demo5']").TouchSpin({
                prefix: "pre",
                postfix: "post"
            });


            $("input[name='demo_vertical']").TouchSpin({
                  verticalbuttons: true
                });

            $("input[name='demo_vertical2']").TouchSpin({
              verticalbuttons: true,
              verticalupclass: 'fa fa-plus',
              verticaldownclass: 'fa fa-minus'
            });


            });