Bootstrap Typeahead

HTML

<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.js"></script>
<link rel="stylesheet" href="http://twitter.github.io/typeahead.js/css/examples.css">
    <div class="messageBox">
        <div class="modal-header">
            <h2>Adding a repairline</h2>
        </div>
        <div class="modal-body" style="width: 35em;">
            <form data-bind="submit: ok">
                <fieldset>
                    <!--<legend></legend> Deze niet toevoegen uitlijning is dan niet goed!-->
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="example-countries">  
                                <label>
                                    Description:
                                    
                                    <input type="text" id="testen" />

                                </label>
                            </div>
                            <div>
                                <label>
                                    Code:
                                    <input data-bind="value: Code" required />
                                </label>
                            </div>          
                    <div>
                        <input class="btn btn-primary" type="submit" value="Add" />
                    </div>
                </fieldset>
            </form>
        </div>
        <div class="modal-footer">
            <button class="btn" data-bind="click: closeModal">Cancel</button>    
        </div>
    </div>

JavaScript

var colors = ["red", "blue", "green", "yellow", "brown", "black"];

        $('#testen').typeahead({
            /*source: colors*/
            /*name: 'countries',*/
            local: colors
            /*limit: 10*/
        });