document and iframe in just one selector

Question

I am currently injecting an iframe and binding a keyevent both to the document and the iframe.

Can I select both the iFrame and the document in one row?
_{notice the iframe must have .contents() after the selector}

// wait for iframe to load
$('iframe#iframe').load(function() {

    // event bind to document
    $(document).bind('keydown', function(e) {
        console.log("runs document");
    });

    // event bind to iframe
    $(this).contents().bind('keydown', function(e) {
        console.log("runs iframe");
    });     

});

Answer 1

You can use .add(), like this:

$(this).contents().add(document).keydown(function(e) {
    console.log("runs in both");
});   

This takes the iframe contents then just adds the document on the returned jQuery object as well, resulting in both being having the handler to their keydown event.

Answer 2

How about this:

// wait for iframe to load
$('iframe#iframe').load(function() {

    // event bind to iframe
    $(this).contents().add(document).bind('keydown', function(e) {
        console.log("runs iframe and document");
    });     

});

See http://api.jquery.com/add/