使用qtip插件的工具提示中的按钮不起作用

Question

I wrote this code below used qtip plugin for html link :

    $(document).ready(function() {
        $('#login').qtip({
            content: '<table><tr><td>Username</td><td><INPUT type="text" value=""   name="username" title="Enter Username" class="txtbx"/></td>' +
            '<td>Password</td><td><INPUT type="password" value="" name="password" title="Enter password" class="txtbx"/></td>' +
            '<td><button id="loginbtn" type="submit" >login</button></td></tr></table>',
            show: { when: { event: 'click' },
                effect: { type: 'fade', length: 200 }
            },
            hide: { when: { event: 'unfocus' },
                effect: { type: 'fade', length: 430 }
            },
            position: {
            adjust: { resize: true 

        },
                corner: {
                    target: 'bottomLeft',
                    tooltip: 'topLeft'
                }
            },
            style: {
                name: 'dark',
                width: { max: 700 }
            }
        });
     });

but the submit button doesn't work !!!!??? any help here !!

Answer 1

Does replacing <button id="loginbtn" type="submit" >login</button> with

<input name="loginbtn" id="loginbtn" type="submit" value="login" />

work?

Also, I don't see a form element anywhere with an action or method attribute wrapping all of your form inputs. Hence, I don't think the browser knows what to do when you submit the form.