<template name="login">
<div class="login-form">
    <form class="login">
        <p>Username: <input type="text" name="username" id='usernameL' placeholder='Username' required></p>
        <br>
        <p>Password: <input type="password" name="password" id='passwordL' placeholder='password' required></p>
        <p><button type="submit" class="btn btn-primary">Let me in</button></p>
         <br>
<p>Don't have an account</p>
        <br>
        <h3><a href='{{pathFor route="home"}}'>Register</a></h3>
    </form>
    </div>
</template>

Template.login.onRendered(function(){
    $('.login').validate({
        submitHandler:function(event){

            var username = document.getElementById('usernameL').value;
     var password =  document.getElementById('passwordL').value;
        Meteor.loginWithPassword(username, password, function(error){
    if(error){
        alert(error.reason);
        }
     else {
            var currentRoute = Router.current().route.getName();

            Router.go("posts");
        }

        });
    }
    });
});

Router.route('/login', {
    template:'login',
    name:'login'
});