index file for progress tracker

<html>
    <head>
        <title> testing jquery bubbles</title>

        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

        <link rel="stylesheet" type="text/css" href="css/jquery-progress-bubbles.css">


        <script type="text/javascript" src="js/jquery1.10.1.js"></script>
        <script type="text/javascript" src="js/jquery-progress-bubbles.js"></script>

        <script type="text/javascript">
                    $(function(){

                        $('#bubbles').progressBubbles( {
                                bubbles : [
                                    {'title' : 'this is 1st'},
                                    {'title' : 'this is 2nd'},

                                ]
                            }
                        );

                        $('#bubbles').progressBubbles('progress');
                        $('#bubbles').progressBubbles('regress');

                        $('#progress').on('click', function(event){
                            $('#bubbles').progressBubbles('progress');
                        });

                        $('#regress').on('click', function(event){
                            $('#bubbles').progressBubbles('regress');
                        });
                    });
                </script>


    </head>

    <body>

        <div id="bubbles" >

        </div>
        <div>
            HTML forms here. Need to write some jquery code for validations and all.<br><br>

        </div>

                <p>
                    <button id="regress" class="btn btn-primary">Previous Step</button>
                    <button id="progress" class="btn btn-success">Next Step</button>
                </p>

    </body>

</html>