Javascript 在facebook登录正确后自动附加值

我正在从事一个cordova项目，我使用facebook登录作为用户身份验证的一种方式。登录正常，但问题是我必须按下id按钮才能显示facebook上的值。但我想做的是，当登录正确时，值应该自动附加到div

$(document).ready(function () {
    $("#login").on('click', function (event) {
        // Defaults to sessionStorage for storing the Facebook token
        openFB.init({ appId: '000000000000000' });

        //  Uncomment the line below to store the Facebook token in localStorage instead of sessionStorage
        //  openFB.init({appId: 'YOUR_FB_APP_ID', tokenStore: window.localStorage});

        openFB.login(
                function (data) {
                    if (data.status === 'connected') {
                        $id = $("#id").append(data.id)
                        $name = $("#name").append(data.name)
                        $gender = $("#gender").append(data.gender)
                        $email = $("#email").append(data.email)
                    } else {
                        alert('Facebook login failed: ' + data.error);
                    }
                });

    });
});

如果不使用下面的函数，如何使脚本正常工作

$(document).ready(function () {
    $("#getinfo").on('click', function (event) {
        openFB.api({
            path: '/me',
            success: function (data) {
                console.log(JSON.stringify(data));
                $id = $("#id").append(data.id)
                $name = $("#name").append(data.name)
                $gender = $("#gender").append(data.gender)
                $email = $("#email").append(data.email)
                document.getElementById("userPic").src = 'http://graph.facebook.com/' + data.id + '/picture?type=small';
            },
            error: errorHandler
        });
    });
});

---

尝试此登录功能：

openFB.login(
  function (data) {
    if (data.status === 'connected') {
      openFB.api({
            path: '/me',
            success: function (data) {
                console.log(JSON.stringify(data));
                $id = $("#id").append(data.id)
                $name = $("#name").append(data.name)
                $gender = $("#gender").append(data.gender)
                $email = $("#email").append(data.email)
                document.getElementById("userPic").src = 'http://graph.facebook.com/' + data.id + '/picture?type=small';
            },
            error: errorHandler
      });
    } else {
      alert('Facebook login failed: ' + data.error);
      }
  });
});

---

有错误信息吗？你调试过了吗？这是很多毫无意义的jquery代码，也许你应该学习普通javascript，暂时忘掉jquery。。。