vex dialog not working

[paparupps]

I am using Vex successfully on several pages of the web app I am developing. However, in this particular screen, the vex dialog is not working as expected. The picture shows how all the vex dialogs are appearing on my screen. Then, no matter which of the buttons are clicked, 'value' is set to false. I'm thinking theres' something in my code (which is rather extensive) that is interfering with Vex, but I haven't been able to figure it out. Has anyone else ever run into this ?

HTML code

JAVASCRIPT coding in Cancel button.

        vex.dialog.open({
            message: 'Discard changes ?',
            showCloseButton: false,
            buttons: [
                $.extend({}, vex.dialog.buttons.YES, { text: 'Yes' }),
                $.extend({}, vex.dialog.buttons.NO, { text: 'No' })
            ],
            callback: function (value) {
                if (value){
                                           // Do stuff
                }
            }
        });

[bbatliner]

It looks like the vex dialog on this page doesn't have a theme. Make sure to include the CSS at the top of the page!

[paparupps]

Sorry - I should have included all of the contents of the head.