Bootstrap virtulal keyboard in my detail view

Hello,

I'm developing a master - view SAPUI5 application, and this app is created to run into a computer with a touch screen. I can popup and use this virtual in my index.html with this code in my head area:

<script>

       $(function(){

            $('#keyboard').keyboard();

            $('#num').keyboard({

                 layout : 'num',

                 restrictInput : true, // Prevent keys not in the displayed keyboard from being typed in

                 preventPaste : true,  // prevent ctrl-v and right click

                 autoAccept : true

            });

       });

</script>

Then the body area, I put this code and then, the input field is ready to insert data using the virtual keyboad:

<input id="keyboard" type="text"></input>

Now, I want to use this functionality in my detail view, in a table that appears in this view. How can I use this virtual keyboard in my detail view, because if I define an input field like I did in the index.html, this field doesn't allow to show the virtual keyboard.

Thank you very much,

Toni.