jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function ($) {
    // ------------------------------------------------------
    // ----- SEARCH BOX VALUE FOCUS: START ------------------
    // ------------------------------------------------------
    //the search box class
    var searchBox = $(".searchBox");
    var searchBox2 = $(".postcodeSearch");
    // the default value text
    var searchBoxDefault = "I am looking for";
    var searchBoxDefault2 = "Enter your postcode...";

    //adding and removing class
    searchBox.focus(function (e) {
        $(this).addClass("active");
    });
    searchBox.blur(function (e) {
        $(this).removeClass("active");
    });

    searchBox2.focus(function (e) {
        $(this).addClass("active");
    });
    searchBox2.blur(function (e) {
        $(this).removeClass("active");
    });

    //show/hide default text
    searchBox.focus(function () {
        if ($(this).attr("value") == searchBoxDefault) $(this).attr("value", "");
    });
    searchBox.blur(function () {
        if ($(this).attr("value") == "") $(this).attr("value", searchBoxDefault);
    });

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

    // ------------------------------------------------------
    // ----- SEARCH BOX VALUE FOCUS: END --------------------
    // ------------------------------------------------------
});