Клик на все кроме

by Евгений

HTML

<a href='#' class='enter'>Вход</a>

<div class='back'></div>

<form action='' method='post' class='form'>
    Логин<br>
    <input type='text' name='log'><br>
    Пароль<br>
    <input type='text' name='pass'><br>
    <br>
    <input type='text' name='' value='Войти'><br>
 </form>

CSS

.form {
  display: none;
  top:50px;
  left:100px;
  position: absolute;
}

.back {
    display: none;
    position: absolute;
    width: 100%; height: 100%;
    top:0px;
    background-color: #000;
    opacity: 0.5;
    }
 body{
      background-color: #E0FFFF;
      margin: 0px;
      padding: 0px;
    }

JavaScript

$(function(){
    $(document).on('click', function (event) {
        if ($('.form').has(event.target).length === 0){
            $('.back, .form').fadeOut();
        }
    })
    $('.enter').click(function(event){
        event.preventDefault();
        event.stopPropagation();
        $('.back, .form').fadeIn();
    });
});