[DoubleShot]

Здравствуйте, я только начал изучать Jquery и сам JS.
При верстке макета мне нужно сделать ,чтоб при фокусе на input тег p был в красной рамке а если фокус не было рамка исчезала!

// Popup window
$(document).ready(function() {   
    $('a[name="modal"]').click(function(e) {
        e.preventDefault();
        var id = $(this).attr('href');
  
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
  
        $('#mask').css({'width':maskWidth,'height':maskHeight});
  
        $('#mask').fadeTo(200, 0.2); 
  
        var winH = $(window).height();
        var winW = $(window).width();
  
        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);
  
        $(id).fadeIn(200); 
    });
  
    $('.window .close').click(function (e) {
        e.preventDefault();
        $('#mask, .window').hide();
    }); 
 
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    }); 
  
}); 
// Input Shadow 
$(document).ready(function() {   
    $('#login_name, #login_password').focus(function(){
        $('.login-form p').addClass('RedShadow')
    });
});

<form action='' method="post" class="login-form" >
        <label>
            <span>Логин:</span>
            <p><input type="text" name="login_name" id="login_name" /></p>
        </label>
        <label>        
            <span>Пароль:</span>
            <p><input type="password" name="login_password" id="login_password" /></p>
        </label>
    </form>