Bootstrap autocomplete result in right column

http://stackoverflow.com/questions/25740022/bootstrap-autocomplete-result-in-right-column

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <div class="col-xs-6">
      <form role="form">
        <input type="text" placeholder="Tags" class="form-control" id="tags">
      </form>
    </div>
    <div class="col-xs-6" id="results"></div>
  </div>
</div>

JavaScript

$('#tags').autocomplete({
  appendTo: '#results',
  minLength: 0,
  source: ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby']
});