Форма Webix getValues() возвращает неопределенное значение

Я использую JS libray Webix для создания внешнего интерфейса для приложения. Для входа я использую их форму. http://docs.webix.com/api__refs__ui.form.html

У меня проблема с использованием getValues(), где он возвращает неопределенное значение. Я опубликую свой точный код.

Любая помощь приветствуется.

<script>
            webix.ready(function(){
                webix.ui({
                    view:"form", 
                    id:'log_form',
                    width:300,
                    elements:[
                    { view:"text", id:"user", label:"Username"},
                    { view:"text", type:"password", label:"Password"},
                    { margin:5, cols:[
                        { view:"button", click:"testLogin", value:"Login"}
                    ]}
                    ]
                });

            });

            function testLogin()
            {
                var suppliedUser = $$('log_form').getValues().user;
                var suppliedPass = $$('log_form').getValues().password;
                console.log(suppliedUser);
                console.log(suppliedPass);
            }
        </script>