[Mecm]

Здравствуйте. Имеем код формы:

<div class="header-data header-data_vremenno" >
			<div id="search" class="search">
				<form action="products">
					<input class="input_search" id="searchForm" type="text" name="keyword" value="{$keyword}" placeholder="Поиск..." onClick="createClear" />
					<input class="button_search" value="" type="submit" />
					
				</form>
		<button id="clearF" onClick="clearForm()" /> 
					

			</div>

Там форма поиска, кнопка поиска, и кнопка очистки поля форма. Необходимо реализовать появление кнопки очистки формы только если человек оказывается в форме. Например, мы в этот момент растягиваем нашу форму кодом:

//поиск-меню анимация по ширине
			$('.input_search').eq(0).focusin(function(){

			
				$('.input_search').eq(0).stop().animate({width: 180}, 400);
				$('.header-menu').eq(0).stop().animate({width: 740}, 400);

			});
			$('.input_search').eq(0).focusout(function(){
				$('.input_search').eq(0).stop().animate({width: 96}, 400);
				$('.header-menu').eq(0).stop().animate({width: 836}, 400);
			});

Вот непосредственно в момент focusin необходимо создавать кнопку <button id="clearF" onClick="clearForm()" /> . В момент focusout - нужно чтобы она, соответственно исчезала. Прошу помощи. Спасибо.