Blur and focus

by Rayudu Ikkurthi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<div>
<input type="text" class="title">

<input type="button" class="reminder" value="Remind Me" disabled="disabled"/>
</div>

CSS

div{
  position:relative;
  width:500px;
}
.title{
  width:100%;
  padding:4px 6px;
}

.reminder{
  position:absolute;
  right:0px;
  top:0px;
}

JavaScript

$('.title').on('focus', function(){
		$('.reminder').removeAttr('disabled');
});



$('.reminder').on('focus', function(){
			$('.title').blur();
		 $('.reminder').removeAttr('disabled');
});

$('.reminder').on('focusout', function(){
		$('.reminder').attr('disabled', 'disabled');
});