liliumbs

/* search form div container  */
#searchform {
    margin:20px;
}
 
/* Styling the search input field */
#field {
    float:left;
    width:300px;
    height:27px;

liliumbs

$(document).ready(function() {
    // if text input field value is not empty show the "X" button
    $("#field").keyup(function() {
        $("#x").fadeIn();
        if ($.trim($("#field").val()) == "") {
            $("#x").fadeOut();
        }
    });
    // on click of "X", delete input field value and hide "X"
    $("#x").click(function() {