$(document).ready(function(){//global vars

    var searchBox = $("#s");
    var searchBoxDefault = $("#s").attr("value");

    //Effects for both searchbox
    searchBox.focus(function(e){
        $(this).addClass("active");
    });
    searchBox.blur(function(e){
        $(this).removeClass("active");
    });

    searchBox.focus(function(){
        if($(this).attr("value") == searchBoxDefault) $(this).attr("value", "");
    });
    searchBox.blur(function(){
        if($(this).attr("value") == "") $(this).attr("value", searchBoxDefault);
    });
});