/gist:343c69f2aff1720e030f

## gistfile1.txt
<!DOCTYPE html>
    <!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>create appt</title>

        <!-- Vendor CSS -->
        <link href="vendors/animate-css/animate.min.css" rel="stylesheet">

        <!-- CSS -->
        <link href="css/app.css" rel="stylesheet">


        <!-- Following CSS codes are used only for specifics in this test-->
        <style type="text/css">

            .margin-bottom > *{
                margin-bottom: 20px;
            }


            #searchclear {
                position:absolute;
                right:5px;
                top:0;
                bottom:0;
                height:14px;
                margin:auto;
                font-size:14px;
                cursor:pointer;
                color:#ccc;
            }


        </style>
    </head>

    <body>

        <div class="btn-group">
          <input id="searchinput" type="search" class="form-control" value="LUNCH">
          <span id="searchclear" class="glyphicon glyphicon-remove-circle"></span>
        </div>


    </body>
</html>

<script>
$("#searchclear").click(function(){
    $("#searchinput").val('');
});
</script>

        <!-- Javascript Libraries -->
        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="vendors/nicescroll/jquery.nicescroll.min.js"></script>
        <script src="vendors/waves/waves.min.js"></script>
        <script src="vendors/bootstrap-growl/bootstrap-growl.min.js"></script>
        <script src="vendors/bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
        <script src="vendors/sweet-alert/sweet-alert.min.js"></script>
        <script src="js/functions.js"></script>
	<!DOCTYPE html>
	<!--[if IE 9 ]><html class="ie9"><![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>create appt</title>

	<!-- Vendor CSS -->
	<link href="vendors/animate-css/animate.min.css" rel="stylesheet">

	<!-- CSS -->
	<link href="css/app.css" rel="stylesheet">


	<!-- Following CSS codes are used only for specifics in this test-->
	<style type="text/css">

	.margin-bottom > *{
	margin-bottom: 20px;
	}


	#searchclear {
	position:absolute;
	right:5px;
	top:0;
	bottom:0;
	height:14px;
	margin:auto;
	font-size:14px;
	cursor:pointer;
	color:#ccc;
	}



	</style>
	</head>

	<body>

	<div class="btn-group">
	<input id="searchinput" type="search" class="form-control" value="LUNCH">
	<span id="searchclear" class="glyphicon glyphicon-remove-circle"></span>
	</div>


	</body>
	</html>

	<script>
	$("#searchclear").click(function(){
	$("#searchinput").val('');
	});
	</script>

	<!-- Javascript Libraries -->
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="vendors/nicescroll/jquery.nicescroll.min.js"></script>
	<script src="vendors/waves/waves.min.js"></script>
	<script src="vendors/bootstrap-growl/bootstrap-growl.min.js"></script>
	<script src="vendors/bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
	<script src="vendors/sweet-alert/sweet-alert.min.js"></script>
	<script src="js/functions.js"></script>