$("#jqxButton").jqxButton({ width: '150'});
                $("#jqxSubmitButton").jqxButton({ width: '150'});
                $("#jqxDisabledButton").jqxButton({ disabled: true, width: '150'});

                // Subscribe to Click events.
                $("#jqxButton").on('click', function () {
                    $("#events").find('span').remove();
                    $("#events").append('<span>Button Clicked</span');
                });

                $("#jqxSubmitButton").on('click', function () {
                    $("#events").find('span').remove();
                    $("#events").append('<span>Submit Button Clicked</span');
                });

            });
        </script>
        <div style='width: 150px;' id='jqxWidget'>
            <div>
                <input type="button" value="Button" id='jqxButton' />
            </div>
            <div>
                <input style='margin-top: 20px;' type="submit" value="Submit" id='jqxSubmitButton' />
            </div>
            <div>
                <input style='margin-top: 20px;' type="Button" value="Disabled" id='jqxDisabledButton' />
            </div>
            <div style='font-size: 12px; font-family: Verdana; margin-top: 10px;'>
                <div>Events:</div>
                <div id='events'>
                </div>
            </div>
        </div>
    </div>
</body>
</html>