Using Bootstrap-Typeahead.js

Using Bootstrap-Typeahead.js

I have no idea what is wrong here, but when the page loads I get the error

Uncaught TypeError: Object [object Object] has no method 'typeahead'

I've nagivated to the link in the typeahead declaration and all the code is still there. Maybe just need another pair of eyes. Can anyone see what I'm missing? 

    <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://blattchat.com/demos/typeahead/js/bootstrap-typeahead.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#typeahead').typeahead({
                source: function (term, process) {
                    var url = '@Url.Content("~/Agent/GetAgents")';

                    return $.getJSON(url, { term: term }, function (data) {
                        return process(data);
                    });
                }
            });
        });
    </script>

Here is the input element I'm trying to attach typeahead to. I've tried both $('.typeahead') and $('#typeahead') with this input tag and neither worked. 

<input type="text" name="names" value="" id="typeahead" class="search-query" data-provide="typeahead" placeholder=" Agent Search"/>