jquery - jQuery UI の配置

Question

デフォルトで「Null」に設定されているjQueryキーボードを配置しようとしています（入力要素のすぐ下に表示されます）。

$.keyboard.defaultOptions = {

        // *** choose layout & positioning ***
        layout       : 'qwerty',
        customLayout : null,

        position     : {
            of : null, // optional - null (attach to input/textarea) or a jQuery object (attach elsewhere)
            my : 'center top',
            at : 'center top',
            at2: 'center bottom' // used when "usePreview" is false (centers the keyboard at the bottom of the input/textarea)
        }

しかし、私がやりたいことは、キーボードを 'foo' の ID を持つ div に接続することです。

この変更を行うと、上記のコードはどのようになりますか?

ありがとう。