index.html

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>wiki search</title>
    <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
     <link rel="stylesheet" href="css/main.css">
  </head>

  <body>

       <div class="container">
          <div class="row">
             <h2 class="title">Wikipedia Search Box<small><a href="https://en.wikipedia.org/wiki/Special:Random" target='_blank'>Random Article <span class="glyphicon glyphicon-random" aria-hidden="true"></span></a></small></h2>
             <div id="custom-search-input">
                <form>
                <div class="input-group col-md-12">

                   <input type="text" class="  search-query form-control" placeholder="Search" />
                   <span class="input-group-btn">
                      <button class="btn" type="button">
                         <span class=" glyphicon glyphicon-search"></span>
                      </button>
                   </span>

                </div>
                </form>
             </div>
          </div>

          <ul id="results">
          </ul>
       </div>

    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>

        <script src="js/index.js"></script>


  </body>
</html>