JAVASCRIPT

function topRowClicked()
{

    var myclass = $("div.main-page").css("background-color","#0000ff");
    console.log("TESTING TOP");
}
function bottomRowClicked()
{
    var myclass = $("div.main-page").css("background-color","#00ff00");
    console.log("TESTING BOTTOM");
}





function test()
{
    var oldColor = $("div.main-page").attr("background-color");
    var myclass = $("div.main-page").css("background-color","#ff0000");
    console.log("Testing Testing 12");
    console.log(myclass);
}


$(document).ready(function() {
    $("body").bind('tap',function(event, ui){
        $("#111 p").replaceWith("<p>Event Triggered: Tapped</p>");
    })

//    $("tr.first-row").bind('tap',function(event, ui){
//        topRowClicked();
//    })
    $("tr.second-row").bind('tap',function(event, ui){
        bottomRowClicked();
    })
    $("widget-button").bind('tap',function(event, ui){
        bottomRowClicked();
    })


});