Javascript Module Pattern and Jquery live?

[Joe Brown]

Hi

I am trying to use the Module Pattern and I run into a problem that I am unsure how to get around.

So I have 2 script files as I want to separate my code and make it easier to read.

    // script 1
    
    var abc = (function (my, $)
    {
        my.events = function ()
       {
            // selectors is from my base file(not shown as I don't think it is needed to be shown)
    		// my.selectors.createFrm = '#createFrm'
    		var createSubmitFrmHandler = $(my.selectors.createFrm).live('submit', function (e)
            {
                e.preventDefault();
            });
    
       }
       
       return my;
    
    } abc || {}, jQuery));
    
    // script 2
    
    var abc = (function (my, $)
    {
    	 my.dialogs = {
    
            addDialog: function ()
            {
                var $dialog = $('<div></div>').dialog(
                {
                    width: 580,
                    height: 410,
                    resizable: false,
                    modal: true,
                    autoOpen: false,
                    title: 'Basic Dialog',
                    buttons:
                        {
                            Cancel: function ()
                            {
                                $(this).dialog('close');
                            },
                            'Create': function ()
                            {
                    
                                jQuery.validator.unobtrusive.parse(my.selectors.createFrm)
                                // this is undefined as page loadup no form was found so live did not kick in
    							my.createSubmitFrmHandler.validate().form();
                              
                            }
                        }
                });
    
                return $dialog;
            },
    
    	return my;
    } abc || {}, jQuery));

So I am not sure how to make sure that createSubmitFrmHandler is defined and continue what I am doing.