Search Twitter with KnockoutJS

by jcreamer898

HTML

<script src="http://github.com/downloads/SteveSanderson/knockout/knockout-1.2.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.2.2/underscore-min.js"></script>
<input name="Search" id="search" data-bind="value: query"></select>
<button id="searchTweets">Search</button>

<span data-bind="text: query"></span>

JavaScript

var app = (function(){
    var tweetSearcher = {},
        searchButton = [],
        search = [];
    
    
    tweetSearcher.init = function(){
        searchButton = $("#searchTweets");
        search = $("#search");
        searchButton.click(tweetSearcher.search(search.val()));
    };
        
    tweetSearcher.search = function(str){
        console.log(str);
        viewModel.query(str);
    }
        
    return tweetSearcher;
}());

var viewModel = {
    query: ko.observable(),
    stuff : ko.observable([{ id : 1, name : 'Thing'},
        { id: 2, name : 'Thingier' },
        { id : 3, name : 'Thingiest' }])
}

$(function(){
    app.init();
        
});

ko.applyBindings(viewModel);