WORKSHOP

blah!

by Korah Babu Varghese

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
Name:
<div class="blah">
<input type="text" class="fullname">
<input type="text" class="fullname">
<p>
sdfsdcsd</p>
<input type="submit" value="edcscf" class="sbutton">



</div>

JavaScript

$('.blah input').focusin(function(){
 $(this).css('border','solid #F2817F');
 });
 $('.blah input').focusout(function(){
 $(this).css('border','#CCC thin solid');
 });