$(function (){

	var $users = $('users');

	$.ajax({
		type:'GET',
		url: '',
		succes: function(users){
			$.each(users, function(i, user) {
				$users.append('<li>login: '+ newUser.login + ', email: ' + newUser.emial + ', password: ' + newUser.password + '</li>');
			});
		},
		error: function(){
			alert('error loading users');
		}
	});

	var $login = $('#login');
	var $email = $('#email');
	var $password = $('#password');


	$('#add-user').on('click', function(){
		var user = {
			login: $login.val(),
			email: $email.val(),
			password: $password.val()
		};

		$.ajax({
			type:'POST',
			url: 'api/users',
			data: user,
			success: function(newUser){
				$users.append('<li>login: '+ newUser.login + ', email: ' + newUser.emial + ', password: ' + newUser.password + '</li>');
			},
			error: function(){
				alert('error saving user');
			}
		});


	});

});