JSFiddle - React, Tailwind, and code Playground

by RyanNeil

HTML

<form>
    <input type="text" id="subject" name="q" placeholder="subject..." >
    <input type="button" id="start" value="start" >
</form>
<div id="twit"></div>

JavaScript

twitterUrl = "http://search.twitter.com/search.json?" + q + "&rpp=1500&page=2&result_type=recent&callback=?";
twitterList = $("<ul />");
twitterFunction = function(data) {
    $.each(data.results, function(i, item) {
        $("<li />", {
            "text": item.text
        }).appendTo(twitterList);
    });
    $("#twit").fadeOut("fast", function() {
        $(this).empty().append(twitterList).fadeIn("slow");
    });
};

$.getJSON(twitterUrl, twitterFunction);