Даже не знаю, как поставить вопрос... В общем нужен совет от гуру CSS и JS!

Что вы ищете?

Стыд и позор. Спасибо!

А по сабжу?

Шайтанама!

Решил-таки добить сегодня эту проблему, целый день гугления и вот рабочее решение:

	$(document).ready(function() {
		setInterval( function() 
		{
			if($('#gsc-i-id1').val()) { //если строка поиска не пустая
				document.getElementById("gsc-i-id1").className = ""; //удаляем css классы
				document.getElementById("gsc-i-id1").className = "gsc-input-noimage"; //добавляем класс, в котором нет вотермарка
			}
			else { //если поле пустое
				document.getElementById("gsc-i-id1").className = "gsc-input"; //возвращаем стандартный класс с нашим вотермарком
			}
		},10/*Time*/);
});

Не уверен, что это самый идеальный код, но рабочий. Если есть предложения по улучшению - велкам!

---------- Добавлено 17.09.2015 в 15:49 ----------

Один косяк обнаружил - до того, как полностью загрузится форма, в консоли вылезает ошибка:

TypeError: document.getElementById(...) is null

Оно и понятно, форма не загрузилась, а скрипт уже ищет её элементы. Но как только форма прогружается и ошибки прекращаются. Можно как-то пофиксить?

Ну вот по таймеру и проверяйте, есть ли форма. Как форму нашли - выполняйте нужный код и отключайте таймер.

$.ready замените на onload конкретного скрипта... и лучше вместо таймера повесьте на поле формы действие по onchange и все дела...

Ребят, спасибо вам большое, но для меня это тёмный лес. Уже не раз писал, что в программировании я как обезьяна - могу в лучшем случае правильно скопипастить код и что-то совсем простое адаптировать.