Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
  
  <style>
    div#values {
      border:0px solid black;
      width:200px;
      height: 100px;
    }
    input#searchfield{
      width:200px;
    }
    .capitals{
      border:1px solid grey;
    }
    .country{
      margin-top:0px;
      font-size:12px;
      height:10px;
    }
    .capital{
      font-size:9px;
      height:10px;
    }
    p{
      text-indent:20px;
      margin-bottom:2px;
    }
    .no-match {
     border:1px solid grey;
      margin-top:0px;
      font-size:12px;
      height:20px;
    }
    .selected{
      background:blue;
    }
    }
  </style>
<body>
  <div id="search">
    <input id="searchfield" type="text" />
    <div id="values" style="display:none;">
      <div class="results">
      </div>
      <div class="matchedresults">
      </div>
      <div class="no-match" style="display:none;">
        No match <span><a id="again" href="javascript:void(0);">Search again</a></span>
      </div>
    </div>
  </div>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers