jquery $(this) instead of $('#id form)

Question

I'm doing this:

$("#bcdialog").dialog({
        resizable: true,
        height: 400,
        width: 600,
        modal: true,
        autoOpen: false,
        buttons: {
        'cancel': function() { $(this).dialog('close'); } 
        'save': function() { $("#bcdialog form").submit(); }
        }
    });

I would like to know if it is possible to use this for the save function instead of #bcdialog form

Answer 1

$(this) points to a div and there's no .submit() function for a div, so you cannot replace it.

Answer 2

Perhaps giving it context of this will work, you'd still need to specify the form part, but giving it context makes it specific to the selector you've specified and you don't have to hard code the element id.

$("#bcdialog").dialog({
        resizable: true,
        height: 400,
        width: 600,
        modal: true,
        autoOpen: false,
        buttons: {
        'cancel': function() { $(this).dialog('close'); } 
        'save': function() { $("form",this).submit(); }
        }
    });

:-)

Answer 3

Here we go: $("form", this).submit();